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 <span class=\"badge\" id=\"chapterBadge\">Basisstof 1<\/span>\r\n <span id=\"chapterSub\" aria-live=\"polite\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"chapter-meta\" aria-live=\"polite\">\r\n <span id=\"pageIndicator\">1 \/ 1<\/span>\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"progress-wrap\" aria-hidden=\"true\">\r\n <div class=\"progress\"><span id=\"progressBar\"><\/span><\/div>\r\n <\/div>\r\n\r\n <main id=\"main\" class=\"layout\" tabindex=\"-1\">\r\n <section class=\"card summary\" aria-labelledby=\"chapterTitle\">\r\n <h2 id=\"chapterTitle\">Hoofdstuknaam<\/h2>\r\n <p class=\"subtitle\" id=\"chapterSubtitle\">Korte inleiding of doel van dit hoofdstuk.<\/p>\r\n <div id=\"summaryBody\">\r\n \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 class=\"tape\"><\/span>\r\n <\/section>\r\n \r\n\r\n <section class=\"note\" aria-labelledby=\"begrippenTitle\">\r\n <h3 id=\"begrippenTitle\">Belangrijke begrippen<\/h3>\r\n <ul class=\"terms\" id=\"termsList\"><\/ul>\r\n <a id=\"moreTerms\" class=\"more-link\" href=\"http:\/\/begrippen.biologiehuis.com:3000\/index.html\" target=\"_blank\" rel=\"noopener\">Meer begrippen \u2192<\/a>\r\n <\/section>\r\n\r\n <section class=\"tldr card\" aria-labelledby=\"tldrTitle\">\r\n <h3 id=\"tldrTitle\">Kort samengevat<\/h3>\r\n <div id=\"tldrBody\"><\/div>\r\n <\/section>\r\n <\/aside>\r\n <\/main>\r\n\r\n <nav class=\"book-nav\" aria-label=\"Hoofdstuknavigatie\">\r\n <button id=\"prevBtn\" class=\"nav-btn\" aria-label=\"Ga naar vorig hoofdstuk\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z\" \/><\/svg>\r\n Vorige\r\n <\/button>\r\n <div class=\"nav-info\"><span id=\"chapterCounter\">Basisstof 1 van 1<\/span><\/div>\r\n <button id=\"nextBtn\" class=\"nav-btn\" aria-label=\"Ga naar volgend hoofdstuk\">\r\n Volgende\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z\" \/><\/svg>\r\n <\/button>\r\n <\/nav>\r\n <\/div>\r\n\r\n <script>\r\n const BOOK = {\r\n title: \"Thema 4: Stevigheid en beweging\", \/\/ \ud83d\udc49 boeknaam\r\n chapters: [\r\n {\r\n id: 1,\r\n title: \"Het skelet\",\r\n subtitle: \"Het stevige geraamte dat je lichaam laat bewegen en beschermen\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-22-sep-2025-20_27_48.png\",\r\n summary: `\r\n<p data-start=\"249\" data-end=\"548\">Het <strong data-start=\"253\" data-end=\"263\">skelet<\/strong> is het geraamte van je lichaam en bestaat uit alle <strong data-start=\"315\" data-end=\"325\">botten<\/strong> samen. Het skelet geeft je lichaam stevigheid en vorm en zorgt ervoor dat je rechtop kunt staan. Daarnaast beschermt het skelet belangrijke en kwetsbare organen en maakt het bewegen mogelijk in samenwerking met de spieren.<\/p>\r\n<h3 data-start=\"550\" data-end=\"579\">Functies van het skelet<\/h3>\r\n<p data-start=\"580\" data-end=\"632\">Het skelet heeft verschillende belangrijke functies:<\/p>\r\n<ul data-start=\"634\" data-end=\"1341\">\r\n<li data-start=\"634\" data-end=\"775\">\r\n<p data-start=\"636\" data-end=\"775\"><strong data-start=\"636\" data-end=\"650\">Stevigheid<\/strong>:<br data-start=\"651\" data-end=\"654\" \/> Het skelet vormt een stevig raamwerk waardoor je lichaam niet inzakt. Dankzij het skelet kun je staan, zitten en lopen.<\/p>\r\n<\/li>\r\n<li data-start=\"777\" data-end=\"1015\">\r\n<p data-start=\"779\" data-end=\"852\"><strong data-start=\"779\" data-end=\"794\">Bescherming<\/strong>:<br data-start=\"795\" data-end=\"798\" \/> Verschillende botten beschermen kwetsbare organen:<\/p>\r\n<ul data-start=\"855\" data-end=\"1015\">\r\n<li data-start=\"855\" data-end=\"909\">\r\n<p data-start=\"857\" data-end=\"909\">De <strong data-start=\"860\" data-end=\"871\">schedel<\/strong> beschermt de hersenen tegen stoten.<\/p>\r\n<\/li>\r\n<li data-start=\"912\" data-end=\"966\">\r\n<p data-start=\"914\" data-end=\"966\">De <strong data-start=\"917\" data-end=\"931\">ribbenkast<\/strong> beschermt het hart en de longen.<\/p>\r\n<\/li>\r\n<li data-start=\"969\" data-end=\"1015\">\r\n<p data-start=\"971\" data-end=\"1015\">De <strong data-start=\"974\" data-end=\"989\">wervelkolom<\/strong> beschermt het ruggenmerg.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<\/li>\r\n<li data-start=\"1017\" data-end=\"1210\">\r\n<p data-start=\"1019\" data-end=\"1210\"><strong data-start=\"1019\" data-end=\"1031\">Beweging<\/strong>:<br data-start=\"1032\" data-end=\"1035\" \/> Spieren zitten vast aan botten. Als spieren samentrekken, trekken ze aan de botten waardoor beweging ontstaat. Zonder skelet zouden spieren geen beweging kunnen veroorzaken.<\/p>\r\n<\/li>\r\n<li data-start=\"1212\" data-end=\"1341\">\r\n<p data-start=\"1214\" data-end=\"1341\"><strong data-start=\"1214\" data-end=\"1222\">Vorm<\/strong>:<br data-start=\"1223\" data-end=\"1226\" \/> Het skelet bepaalt hoe je lichaam eruitziet, bijvoorbeeld de lengte van je armen en benen en de vorm van je romp.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"1343\" data-end=\"1370\">Opbouw van het skelet<\/h3>\r\n<p data-start=\"1371\" data-end=\"1437\">Het skelet bestaat uit meerdere delen die samen één geheel vormen:<\/p>\r\n<ul data-start=\"1439\" data-end=\"2003\">\r\n<li data-start=\"1439\" data-end=\"1583\">\r\n<p data-start=\"1441\" data-end=\"1583\"><strong data-start=\"1441\" data-end=\"1452\">Schedel<\/strong>:<br data-start=\"1453\" data-end=\"1456\" \/> Bestaat uit verschillende botten die stevig met elkaar verbonden zijn. De schedel beschermt de hersenen en vormt het gezicht.<\/p>\r\n<\/li>\r\n<li data-start=\"1585\" data-end=\"1711\">\r\n<p data-start=\"1587\" data-end=\"1711\"><strong data-start=\"1587\" data-end=\"1602\">Wervelkolom<\/strong>:<br data-start=\"1603\" data-end=\"1606\" \/> Bestaat uit losse <strong data-start=\"1626\" data-end=\"1637\">wervels<\/strong>. Deze zorgen ervoor dat je rug stevig is, maar ook kan buigen en draaien.<\/p>\r\n<\/li>\r\n<li data-start=\"1713\" data-end=\"1869\">\r\n<p data-start=\"1715\" data-end=\"1869\"><strong data-start=\"1715\" data-end=\"1729\">Ribbenkast<\/strong>:<br data-start=\"1730\" data-end=\"1733\" \/> De ribben zitten vast aan het borstbeen en aan de wervelkolom. Samen beschermen ze hart en longen en bewegen ze mee bij de ademhaling.<\/p>\r\n<\/li>\r\n<li data-start=\"1871\" data-end=\"2003\">\r\n<p data-start=\"1873\" data-end=\"2003\"><strong data-start=\"1873\" data-end=\"1886\">Ledematen<\/strong>:<br data-start=\"1887\" data-end=\"1890\" \/> De armen en benen zorgen voor voortbeweging en het uitvoeren van handelingen, zoals lopen, rennen en schrijven.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"2005\" data-end=\"2067\">De botten van het skelet worden ook wel <strong data-start=\"2045\" data-end=\"2058\">beenderen<\/strong> genoemd.<\/p>\r\n<h3 data-start=\"2069\" data-end=\"2095\">Botten en gewrichten<\/h3>\r\n<p data-start=\"2096\" data-end=\"2193\">De meeste botten zitten niet vast aan elkaar, maar zijn met elkaar verbonden door <strong data-start=\"2178\" data-end=\"2192\">gewrichten<\/strong>.<\/p>\r\n<ul data-start=\"2195\" data-end=\"2437\">\r\n<li data-start=\"2195\" data-end=\"2256\">\r\n<p data-start=\"2197\" data-end=\"2256\">Een <strong data-start=\"2201\" data-end=\"2213\">gewricht<\/strong> is een plek waar twee botten samenkomen.<\/p>\r\n<\/li>\r\n<li data-start=\"2257\" data-end=\"2353\">\r\n<p data-start=\"2259\" data-end=\"2353\">Dankzij gewrichten kun je verschillende bewegingen maken, zoals buigen, strekken en draaien.<\/p>\r\n<\/li>\r\n<li data-start=\"2354\" data-end=\"2437\">\r\n<p data-start=\"2356\" data-end=\"2437\">Zonder gewrichten zou het skelet wel stevig zijn, maar nauwelijks kunnen bewegen.<\/p>\r\n<\/li>\r\n<\/ul>\r\n `,\r\n terms: [\r\n \"Skelet \u2013 het geheel van alle botten in het lichaam\",\r\n \"Botten \/ beenderen \u2013 harde delen die samen het skelet vormen\",\r\n \"Schedel \u2013 botten van het hoofd die de hersenen beschermen\",\r\n \"Wervelkolom \u2013 reeks wervels die steun geven en beweging mogelijk maken\",\r\n \"Ribbenkast \u2013 botten rond hart en longen die bescherming bieden\",\r\n \"Ledematen \u2013 armen en benen van het lichaam\",\r\n \"Gewrichten \u2013 verbindingen tussen botten die beweging mogelijk maken\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Het skelet vormt het stevige raamwerk van het lichaam. Het geeft vorm en stevigheid, beschermt belangrijke organen en maakt samen met spieren beweging mogelijk. Door de combinatie van botten, wervelkolom, ribbenkast, ledematen en gewrichten is het menselijk lichaam sterk, maar toch soepel en beweeglijk.\"\r\n },\r\n\r\n {\r\n id: 2,\r\n title: \"De bouw van botten\",\r\n subtitle: \"Sterk van buiten, levend van binnen\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-27-dec-2025-12_57_20.png\",\r\n summary: `\r\n<p data-start=\"352\" data-end=\"554\">Botten lijken hard en dood, maar dat zijn ze niet. Een <strong data-start=\"407\" data-end=\"414\">bot<\/strong> is een levend onderdeel van je lichaam. In botten zitten bloedvaten en zenuwen en botten kunnen groeien, zich herstellen en sterker worden.<\/p>\r\n<h3 data-start=\"556\" data-end=\"587\">De buitenkant van een bot<\/h3>\r\n<p data-start=\"588\" data-end=\"771\">De buitenkant van een bot bestaat uit <strong data-start=\"626\" data-end=\"641\">beenweefsel<\/strong>. Dit is hard en stevig en zorgt ervoor dat het bot tegen een stootje kan.<br data-start=\"715\" data-end=\"718\" \/> Om het bot heen zit een dun vlies: het <strong data-start=\"757\" data-end=\"770\">beenvlies<\/strong>.<\/p>\r\n<ul data-start=\"773\" data-end=\"979\">\r\n<li data-start=\"773\" data-end=\"813\">\r\n<p data-start=\"775\" data-end=\"813\">Het <strong data-start=\"779\" data-end=\"792\">beenvlies<\/strong> beschermt het bot.<\/p>\r\n<\/li>\r\n<li data-start=\"814\" data-end=\"864\">\r\n<p data-start=\"816\" data-end=\"864\">In het beenvlies zitten bloedvaten en zenuwen.<\/p>\r\n<\/li>\r\n<li data-start=\"865\" data-end=\"915\">\r\n<p data-start=\"867\" data-end=\"915\">Beschadiging van het beenvlies doet veel pijn.<\/p>\r\n<\/li>\r\n<li data-start=\"916\" data-end=\"979\">\r\n<p data-start=\"918\" data-end=\"979\">Het beenvlies is belangrijk voor groei en herstel van botten.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"981\" data-end=\"1012\">De binnenkant van een bot<\/h3>\r\n<p data-start=\"1013\" data-end=\"1080\">Aan de binnenkant ziet een bot er anders uit dan aan de buitenkant.<\/p>\r\n<ul data-start=\"1082\" data-end=\"1296\">\r\n<li data-start=\"1082\" data-end=\"1152\">\r\n<p data-start=\"1084\" data-end=\"1152\">Net onder het beenvlies zit <strong data-start=\"1112\" data-end=\"1127\">compact bot<\/strong>: dit is hard en sterk.<\/p>\r\n<\/li>\r\n<li data-start=\"1153\" data-end=\"1296\">\r\n<p data-start=\"1155\" data-end=\"1296\">Meer naar binnen zit <strong data-start=\"1176\" data-end=\"1195\">sponsachtig bot<\/strong>. Dit bot heeft een open structuur met kleine holtes. Hierdoor is het bot stevig, maar niet te zwaar.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1298\" data-end=\"1353\">In de holtes van het sponsachtige bot zit <strong data-start=\"1340\" data-end=\"1352\">beenmerg<\/strong>.<\/p>\r\n<h3 data-start=\"1355\" data-end=\"1369\">Beenmerg<\/h3>\r\n<p data-start=\"1370\" data-end=\"1413\"><strong data-start=\"1370\" data-end=\"1382\">Beenmerg<\/strong> is zacht weefsel in de botten.<\/p>\r\n<ul data-start=\"1415\" data-end=\"1623\">\r\n<li data-start=\"1415\" data-end=\"1471\">\r\n<p data-start=\"1417\" data-end=\"1471\">In het <strong data-start=\"1424\" data-end=\"1441\">rode beenmerg<\/strong> worden bloedcellen gemaakt.<\/p>\r\n<\/li>\r\n<li data-start=\"1472\" data-end=\"1528\">\r\n<p data-start=\"1474\" data-end=\"1528\">Bij jonge kinderen zit in veel botten rood beenmerg.<\/p>\r\n<\/li>\r\n<li data-start=\"1529\" data-end=\"1623\">\r\n<p data-start=\"1531\" data-end=\"1623\">Bij volwassenen zit rood beenmerg vooral in platte botten, zoals de ribben en het borstbeen.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"1625\" data-end=\"1649\">Groeien van botten<\/h3>\r\n<p data-start=\"1650\" data-end=\"1699\">Botten groeien zolang je nog niet volgroeid bent.<\/p>\r\n<ul data-start=\"1701\" data-end=\"1896\">\r\n<li data-start=\"1701\" data-end=\"1756\">\r\n<p data-start=\"1703\" data-end=\"1756\">Botten groeien in de lengte door <strong data-start=\"1736\" data-end=\"1753\">groeischijven<\/strong>.<\/p>\r\n<\/li>\r\n<li data-start=\"1757\" data-end=\"1814\">\r\n<p data-start=\"1759\" data-end=\"1814\"><strong data-start=\"1759\" data-end=\"1776\">Groeischijven<\/strong> zitten aan de uiteinden van botten.<\/p>\r\n<\/li>\r\n<li data-start=\"1815\" data-end=\"1896\">\r\n<p data-start=\"1817\" data-end=\"1896\">Als je volwassen bent, veranderen groeischijven in bot en stopt de lengtegroei.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1898\" data-end=\"1978\">Botten kunnen ook dikker en sterker worden, bijvoorbeeld door beweging en sport.<\/p>\r\n<h3 data-start=\"1980\" data-end=\"2004\">Herstel van botten<\/h3>\r\n<p data-start=\"2005\" data-end=\"2061\">Omdat botten levend zijn, kunnen ze zichzelf herstellen.<\/p>\r\n<ul data-start=\"2063\" data-end=\"2247\">\r\n<li data-start=\"2063\" data-end=\"2123\">\r\n<p data-start=\"2065\" data-end=\"2123\">Bij een botbreuk groeit het bot meestal weer aan elkaar.<\/p>\r\n<\/li>\r\n<li data-start=\"2124\" data-end=\"2177\">\r\n<p data-start=\"2126\" data-end=\"2177\">Het beenvlies speelt hierbij een belangrijke rol.<\/p>\r\n<\/li>\r\n<li data-start=\"2178\" data-end=\"2247\">\r\n<p data-start=\"2180\" data-end=\"2247\">Voldoende calcium, vitamine D en beweging helpen bij sterke botten.<\/p>\r\n<\/li>\r\n<\/ul>\r\n`,\r\n terms: [\r\n \"Bot \u2013 levend onderdeel van het skelet dat stevigheid en bescherming geeft\",\r\n \"Beenweefsel \u2013 hard weefsel waaruit botten zijn opgebouwd\",\r\n \"Beenvlies \u2013 vlies om het bot met bloedvaten en zenuwen, belangrijk voor groei en herstel\",\r\n \"Compact bot \u2013 hard en stevig bot aan de buitenkant\",\r\n \"Sponsachtig bot \u2013 bot met een open structuur aan de binnenkant\",\r\n \"Beenmerg \u2013 zacht weefsel in botten waarin bloedcellen worden gemaakt\",\r\n \"Rood beenmerg \u2013 beenmerg waarin bloedcellen ontstaan\",\r\n \"Groeischijven \u2013 plekken in botten waar lengtegroei plaatsvindt\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Botten zijn levende delen van het lichaam. Ze bestaan uit hard compact bot aan de buitenkant en sponsachtig bot aan de binnenkant met beenmerg. Het beenvlies zorgt voor bescherming, groei en herstel. Door groeischijven kunnen botten in de lengte groeien. Dankzij hun bouw zijn botten sterk, maar toch licht en in staat zichzelf te herstellen.\"\r\n },\r\n\r\n {\r\n id: 3,\r\n title: \"Beenverbindingen\",\r\n subtitle: \"Hoe botten stevig vastzitten en toch kunnen bewegen\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-27-dec-2025-12_59_13.png\",\r\n summary: `\r\n<p data-start=\"382\" data-end=\"573\">In het skelet zitten botten niet los van elkaar. Botten zijn met elkaar verbonden door <strong data-start=\"469\" data-end=\"489\">beenverbindingen<\/strong>. Dankzij deze verbindingen is het skelet stevig, maar kan het lichaam toch bewegen.<\/p>\r\n<h3 data-start=\"575\" data-end=\"606\">Wat zijn beenverbindingen<\/h3>\r\n<p data-start=\"607\" data-end=\"796\">Een <strong data-start=\"611\" data-end=\"629\">beenverbinding<\/strong> is een verbinding tussen twee of meer botten.<br data-start=\"675\" data-end=\"678\" \/> Er zijn verschillende soorten beenverbindingen. Sommige zorgen vooral voor stevigheid, andere maken beweging mogelijk.<\/p>\r\n<h3 data-start=\"798\" data-end=\"833\">Drie soorten beenverbindingen<\/h3>\r\n<p data-start=\"834\" data-end=\"936\">Er zijn drie soorten beenverbindingen: <strong data-start=\"873\" data-end=\"890\">vergroeiingen<\/strong>, <strong data-start=\"892\" data-end=\"917\">kraakbeenverbindingen<\/strong> en <strong data-start=\"921\" data-end=\"935\">gewrichten<\/strong>.<\/p>\r\n<h3 data-start=\"938\" data-end=\"957\">Vergroeiingen<\/h3>\r\n<p data-start=\"958\" data-end=\"1020\">Bij <strong data-start=\"962\" data-end=\"979\">vergroeiingen<\/strong> zijn botten stevig met elkaar vergroeid.<\/p>\r\n<ul data-start=\"1022\" data-end=\"1215\">\r\n<li data-start=\"1022\" data-end=\"1055\">\r\n<p data-start=\"1024\" data-end=\"1055\">Er is geen beweging mogelijk.<\/p>\r\n<\/li>\r\n<li data-start=\"1056\" data-end=\"1110\">\r\n<p data-start=\"1058\" data-end=\"1110\">Deze verbindingen zorgen voor maximale stevigheid.<\/p>\r\n<\/li>\r\n<li data-start=\"1111\" data-end=\"1215\">\r\n<p data-start=\"1113\" data-end=\"1215\">Een voorbeeld is de <strong data-start=\"1133\" data-end=\"1144\">schedel<\/strong>, waarin botten met elkaar vergroeid zijn om de hersenen te beschermen.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"1217\" data-end=\"1244\">Kraakbeenverbindingen<\/h3>\r\n<p data-start=\"1245\" data-end=\"1323\">Bij <strong data-start=\"1249\" data-end=\"1274\">kraakbeenverbindingen<\/strong> zitten botten aan elkaar vast met <strong data-start=\"1309\" data-end=\"1322\">kraakbeen<\/strong>.<\/p>\r\n<ul data-start=\"1325\" data-end=\"1482\">\r\n<li data-start=\"1325\" data-end=\"1364\">\r\n<p data-start=\"1327\" data-end=\"1364\">Er is een beetje beweging mogelijk.<\/p>\r\n<\/li>\r\n<li data-start=\"1365\" data-end=\"1408\">\r\n<p data-start=\"1367\" data-end=\"1408\">Kraakbeen is stevig, maar ook buigzaam.<\/p>\r\n<\/li>\r\n<li data-start=\"1409\" data-end=\"1482\">\r\n<p data-start=\"1411\" data-end=\"1482\">Een voorbeeld is de verbinding tussen de <strong data-start=\"1452\" data-end=\"1463\">wervels<\/strong> in de wervelkolom.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"1484\" data-end=\"1500\">Gewrichten<\/h3>\r\n<p data-start=\"1501\" data-end=\"1576\">Bij <strong data-start=\"1505\" data-end=\"1519\">gewrichten<\/strong> kunnen botten duidelijk ten opzichte van elkaar bewegen.<\/p>\r\n<ul data-start=\"1578\" data-end=\"1731\">\r\n<li data-start=\"1578\" data-end=\"1622\">\r\n<p data-start=\"1580\" data-end=\"1622\">Gewrichten maken veel beweging mogelijk.<\/p>\r\n<\/li>\r\n<li data-start=\"1623\" data-end=\"1666\">\r\n<p data-start=\"1625\" data-end=\"1666\">Ze komen vooral voor in armen en benen.<\/p>\r\n<\/li>\r\n<li data-start=\"1667\" data-end=\"1731\">\r\n<p data-start=\"1669\" data-end=\"1731\">In een gewricht zitten de botten niet direct tegen elkaar aan.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"1733\" data-end=\"1760\">Bouw van een gewricht<\/h3>\r\n<p data-start=\"1761\" data-end=\"1805\">Een gewricht heeft verschillende onderdelen:<\/p>\r\n<ul data-start=\"1807\" data-end=\"2079\">\r\n<li data-start=\"1807\" data-end=\"1928\">\r\n<p data-start=\"1809\" data-end=\"1928\">De uiteinden van de botten zijn bedekt met <strong data-start=\"1852\" data-end=\"1865\">kraakbeen<\/strong>. Dit zorgt ervoor dat de botten soepel langs elkaar bewegen.<\/p>\r\n<\/li>\r\n<li data-start=\"1929\" data-end=\"1998\">\r\n<p data-start=\"1931\" data-end=\"1998\">Tussen de botten zit <strong data-start=\"1952\" data-end=\"1970\">gewrichtssmeer<\/strong>. Dit vermindert wrijving.<\/p>\r\n<\/li>\r\n<li data-start=\"1999\" data-end=\"2079\">\r\n<p data-start=\"2001\" data-end=\"2079\">Om het gewricht zit een <strong data-start=\"2025\" data-end=\"2044\">gewrichtskapsel<\/strong> dat het gewricht bij elkaar houdt.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"2081\" data-end=\"2160\">Samen zorgen deze onderdelen ervoor dat bewegen soepel en zonder pijn verloopt.<\/p>\r\n<h3 data-start=\"2162\" data-end=\"2191\">Beweging en bescherming<\/h3>\r\n<p data-start=\"2192\" data-end=\"2261\">Gewrichten maken beweging mogelijk, maar zorgen ook voor bescherming.<\/p>\r\n<ul data-start=\"2263\" data-end=\"2427\">\r\n<li data-start=\"2263\" data-end=\"2310\">\r\n<p data-start=\"2265\" data-end=\"2310\">Het kraakbeen voorkomt slijtage van botten.<\/p>\r\n<\/li>\r\n<li data-start=\"2311\" data-end=\"2365\">\r\n<p data-start=\"2313\" data-end=\"2365\">Het gewrichtskapsel houdt de botten op hun plaats.<\/p>\r\n<\/li>\r\n<li data-start=\"2366\" data-end=\"2427\">\r\n<p data-start=\"2368\" data-end=\"2427\">Te weinig of verkeerde beweging kan gewrichten beschadigen.<\/p>\r\n<\/li>\r\n<\/ul>\r\n`,\r\n terms: [\r\n \"Beenverbinding \u2013 verbinding tussen twee of meer botten\",\r\n \"Vergroeiing \u2013 beenverbinding waarbij botten vast aan elkaar zitten\",\r\n \"Kraakbeenverbinding \u2013 beenverbinding waarbij botten verbonden zijn door kraakbeen\",\r\n \"Kraakbeen \u2013 stevig en buigzaam weefsel tussen botten\",\r\n \"Gewricht \u2013 beweeglijke beenverbinding\",\r\n \"Gewrichtssmeer \u2013 vloeistof die wrijving in een gewricht vermindert\",\r\n \"Gewrichtskapsel \u2013 kapsel rondom een gewricht dat het bij elkaar houdt\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Beenverbindingen zorgen ervoor dat het skelet zowel stevig als beweeglijk is. Vergroeiingen geven maximale stevigheid, kraakbeenverbindingen laten een beetje beweging toe en gewrichten zorgen voor veel beweging. Door de bouw van gewrichten kunnen botten soepel langs elkaar bewegen zonder te beschadigen.\"\r\n },\r\n\r\n {\r\n id: 4,\r\n title: \"Spieren\",\r\n subtitle: \"De motoren die je lichaam laten bewegen\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-17_31_27.png\",\r\n summary: `\r\n<p data-start=\"352\" data-end=\"550\">Spieren zorgen ervoor dat je kunt bewegen. Zonder <strong data-start=\"402\" data-end=\"413\">spieren<\/strong> zou je niet kunnen lopen, schrijven of zelfs ademen. Spieren werken altijd samen met botten en het skelet om beweging mogelijk te maken.<\/p>\r\n<h3 data-start=\"552\" data-end=\"574\">Wat doen spieren<\/h3>\r\n<p data-start=\"575\" data-end=\"625\">Spieren hebben verschillende belangrijke functies:<\/p>\r\n<ul data-start=\"627\" data-end=\"889\">\r\n<li data-start=\"627\" data-end=\"674\">\r\n<p data-start=\"629\" data-end=\"674\"><strong data-start=\"629\" data-end=\"641\">Beweging<\/strong>: spieren laten botten bewegen.<\/p>\r\n<\/li>\r\n<li data-start=\"675\" data-end=\"750\">\r\n<p data-start=\"677\" data-end=\"750\"><strong data-start=\"677\" data-end=\"688\">Houding<\/strong>: spieren zorgen ervoor dat je rechtop kunt staan en zitten.<\/p>\r\n<\/li>\r\n<li data-start=\"751\" data-end=\"824\">\r\n<p data-start=\"753\" data-end=\"824\"><strong data-start=\"753\" data-end=\"768\">Bescherming<\/strong>: spieren beschermen organen, bijvoorbeeld in de buik.<\/p>\r\n<\/li>\r\n<li data-start=\"825\" data-end=\"889\">\r\n<p data-start=\"827\" data-end=\"889\"><strong data-start=\"827\" data-end=\"837\">Warmte<\/strong>: bij het samentrekken van spieren komt warmte vrij.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"891\" data-end=\"915\">Hoe werken spieren<\/h3>\r\n<p data-start=\"916\" data-end=\"967\">Een spier kan maar één ding doen: <strong data-start=\"950\" data-end=\"966\">samentrekken<\/strong>.<\/p>\r\n<ul data-start=\"969\" data-end=\"1191\">\r\n<li data-start=\"969\" data-end=\"1026\">\r\n<p data-start=\"971\" data-end=\"1026\">Als een spier samentrekt, wordt hij korter en dikker.<\/p>\r\n<\/li>\r\n<li data-start=\"1027\" data-end=\"1106\">\r\n<p data-start=\"1029\" data-end=\"1106\">Door het samentrekken trekt de spier aan een bot, waardoor het bot beweegt.<\/p>\r\n<\/li>\r\n<li data-start=\"1107\" data-end=\"1191\">\r\n<p data-start=\"1109\" data-end=\"1191\">Een spier kan niet uit zichzelf langer worden; daarvoor is een andere spier nodig.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1193\" data-end=\"1237\">Daarom werken spieren altijd samen in paren.<\/p>\r\n<h3 data-start=\"1239\" data-end=\"1257\">Antagonisten<\/h3>\r\n<p data-start=\"1258\" data-end=\"1344\">Spieren die samenwerken en een tegengestelde werking hebben, noem je <strong data-start=\"1327\" data-end=\"1343\">antagonisten<\/strong>.<\/p>\r\n<ul data-start=\"1346\" data-end=\"1525\">\r\n<li data-start=\"1346\" data-end=\"1404\">\r\n<p data-start=\"1348\" data-end=\"1404\">Als de ene spier samentrekt, ontspant de andere spier.<\/p>\r\n<\/li>\r\n<li data-start=\"1405\" data-end=\"1464\">\r\n<p data-start=\"1407\" data-end=\"1464\">Bij het buigen van je arm trekt de <strong data-start=\"1442\" data-end=\"1455\">buigspier<\/strong> samen.<\/p>\r\n<\/li>\r\n<li data-start=\"1465\" data-end=\"1525\">\r\n<p data-start=\"1467\" data-end=\"1525\">Bij het strekken van je arm trekt de <strong data-start=\"1504\" data-end=\"1518\">strekspier<\/strong> samen.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1527\" data-end=\"1569\">Zo kun je gecontroleerde bewegingen maken.<\/p>\r\n<h3 data-start=\"1571\" data-end=\"1594\">Spieren en botten<\/h3>\r\n<p data-start=\"1595\" data-end=\"1640\">Spieren zitten met <strong data-start=\"1614\" data-end=\"1623\">pezen<\/strong> vast aan botten.<\/p>\r\n<ul data-start=\"1642\" data-end=\"1861\">\r\n<li data-start=\"1642\" data-end=\"1715\">\r\n<p data-start=\"1644\" data-end=\"1715\">Een <strong data-start=\"1648\" data-end=\"1656\">pees<\/strong> is sterk bindweefsel dat een spier met een bot verbindt.<\/p>\r\n<\/li>\r\n<li data-start=\"1716\" data-end=\"1797\">\r\n<p data-start=\"1718\" data-end=\"1797\">Pezen zorgen ervoor dat de kracht van de spier wordt overgebracht op het bot.<\/p>\r\n<\/li>\r\n<li data-start=\"1798\" data-end=\"1861\">\r\n<p data-start=\"1800\" data-end=\"1861\">Zonder pezen zouden spieren geen beweging kunnen veroorzaken.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"1863\" data-end=\"1907\">Willekeurige en onwillekeurige spieren<\/h3>\r\n<p data-start=\"1908\" data-end=\"1950\">Niet alle spieren kun je bewust aansturen.<\/p>\r\n<ul data-start=\"1952\" data-end=\"2122\">\r\n<li data-start=\"1952\" data-end=\"2029\">\r\n<p data-start=\"1954\" data-end=\"2029\"><strong data-start=\"1954\" data-end=\"1978\">Willekeurige spieren<\/strong> kun je zelf besturen, zoals arm- en beenspieren.<\/p>\r\n<\/li>\r\n<li data-start=\"2030\" data-end=\"2122\">\r\n<p data-start=\"2032\" data-end=\"2122\"><strong data-start=\"2032\" data-end=\"2058\">Onwillekeurige spieren<\/strong> werken automatisch, zoals de hartspier en spieren in je darmen.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"2124\" data-end=\"2145\">Spieren trainen<\/h3>\r\n<p data-start=\"2146\" data-end=\"2199\">Door beweging en sport kunnen spieren sterker worden.<\/p>\r\n<ul data-start=\"2201\" data-end=\"2392\">\r\n<li data-start=\"2201\" data-end=\"2254\">\r\n<p data-start=\"2203\" data-end=\"2254\">Bij training worden spieren dikker en krachtiger.<\/p>\r\n<\/li>\r\n<li data-start=\"2255\" data-end=\"2322\">\r\n<p data-start=\"2257\" data-end=\"2322\">Spieren die je weinig gebruikt, worden juist dunner en zwakker.<\/p>\r\n<\/li>\r\n<li data-start=\"2323\" data-end=\"2392\">\r\n<p data-start=\"2325\" data-end=\"2392\">Regelmatig bewegen is belangrijk voor sterke spieren en gewrichten.<\/p>\r\n<\/li>\r\n<\/ul>\r\n`,\r\n terms: [\r\n \"Spieren \u2013 onderdelen van het lichaam die samentrekken en beweging veroorzaken\",\r\n \"Samentrekken \u2013 korter en dikker worden van een spier\",\r\n \"Antagonisten \u2013 spieren die elkaars tegengestelde werking hebben\",\r\n \"Buigspier \u2013 spier die een gewricht buigt\",\r\n \"Strekspier \u2013 spier die een gewricht strekt\",\r\n \"Pezen \u2013 sterke verbindingen tussen spieren en botten\",\r\n \"Willekeurige spieren \u2013 spieren die je bewust kunt aansturen\",\r\n \"Onwillekeurige spieren \u2013 spieren die automatisch werken\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Spieren maken beweging mogelijk door samen te trekken en aan botten te trekken. Ze werken altijd samen met het skelet en meestal in paren als antagonisten. Via pezen zijn spieren met botten verbonden. Door training worden spieren sterker en door weinig gebruik juist zwakker. Samen met botten en gewrichten zorgen spieren ervoor dat je lichaam kan bewegen en functioneren.\"\r\n },\r\n\r\n {\r\n id: 5,\r\n title: \"De wervelkolom\",\r\n subtitle: \"Stevige steun met verrassend veel bewegingsvrijheid\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-27-dec-2025-13_02_33.png\",\r\n summary: `\r\n<p data-start=\"378\" data-end=\"553\">De <strong data-start=\"381\" data-end=\"396\">wervelkolom<\/strong> is de ruggengraat van het lichaam. Hij zorgt voor stevigheid, bescherming en beweeglijkheid. Dankzij de wervelkolom kun je rechtop staan, buigen en draaien.<\/p>\r\n<h3 data-start=\"555\" data-end=\"584\">Bouw van de wervelkolom<\/h3>\r\n<p data-start=\"585\" data-end=\"656\">De wervelkolom bestaat uit losse botten die <strong data-start=\"629\" data-end=\"640\">wervels<\/strong> worden genoemd.<\/p>\r\n<ul data-start=\"658\" data-end=\"856\">\r\n<li data-start=\"658\" data-end=\"726\">\r\n<p data-start=\"660\" data-end=\"726\">Tussen de wervels zitten <strong data-start=\"685\" data-end=\"709\">tussenwervelschijven<\/strong> van kraakbeen.<\/p>\r\n<\/li>\r\n<li data-start=\"727\" data-end=\"792\">\r\n<p data-start=\"729\" data-end=\"792\">Deze schijven zorgen voor buigzaamheid en vangen schokken op.<\/p>\r\n<\/li>\r\n<li data-start=\"793\" data-end=\"856\">\r\n<p data-start=\"795\" data-end=\"856\">Door de losse wervels is de wervelkolom stevig én beweeglijk.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"858\" data-end=\"894\">Bescherming van het ruggenmerg<\/h3>\r\n<p data-start=\"895\" data-end=\"953\">In het midden van de wervelkolom loopt het <strong data-start=\"938\" data-end=\"952\">ruggenmerg<\/strong>.<\/p>\r\n<ul data-start=\"955\" data-end=\"1130\">\r\n<li data-start=\"955\" data-end=\"996\">\r\n<p data-start=\"957\" data-end=\"996\">Het ruggenmerg is een bundel zenuwen.<\/p>\r\n<\/li>\r\n<li data-start=\"997\" data-end=\"1066\">\r\n<p data-start=\"999\" data-end=\"1066\">De wervels vormen samen een beschermend kanaal om het ruggenmerg.<\/p>\r\n<\/li>\r\n<li data-start=\"1067\" data-end=\"1130\">\r\n<p data-start=\"1069\" data-end=\"1130\">Beschadiging van het ruggenmerg kan ernstige gevolgen hebben.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"1132\" data-end=\"1161\">Vorm van de wervelkolom<\/h3>\r\n<p data-start=\"1162\" data-end=\"1221\">De wervelkolom is niet recht, maar heeft een lichte S-vorm.<\/p>\r\n<ul data-start=\"1223\" data-end=\"1412\">\r\n<li data-start=\"1223\" data-end=\"1265\">\r\n<p data-start=\"1225\" data-end=\"1265\">Deze vorm zorgt voor extra stevigheid.<\/p>\r\n<\/li>\r\n<li data-start=\"1266\" data-end=\"1342\">\r\n<p data-start=\"1268\" data-end=\"1342\">De S-vorm helpt bij het opvangen van schokken tijdens lopen en springen.<\/p>\r\n<\/li>\r\n<li data-start=\"1343\" data-end=\"1412\">\r\n<p data-start=\"1345\" data-end=\"1412\">Een goede houding is belangrijk om de wervelkolom gezond te houden.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"1414\" data-end=\"1439\">Beweging en houding<\/h3>\r\n<p data-start=\"1440\" data-end=\"1493\">De wervelkolom werkt samen met spieren en gewrichten.<\/p>\r\n<ul data-start=\"1495\" data-end=\"1667\">\r\n<li data-start=\"1495\" data-end=\"1552\">\r\n<p data-start=\"1497\" data-end=\"1552\">Rugspieren zorgen ervoor dat je rechtop blijft staan.<\/p>\r\n<\/li>\r\n<li data-start=\"1553\" data-end=\"1615\">\r\n<p data-start=\"1555\" data-end=\"1615\">Buigen en draaien gebeurt door beweging tussen de wervels.<\/p>\r\n<\/li>\r\n<li data-start=\"1616\" data-end=\"1667\">\r\n<p data-start=\"1618\" data-end=\"1667\">Een verkeerde houding kan leiden tot rugklachten.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"1669\" data-end=\"1694\">Gezonde wervelkolom<\/h3>\r\n<p data-start=\"1695\" data-end=\"1754\">Om je wervelkolom gezond te houden, is beweging belangrijk.<\/p>\r\n<ul data-start=\"1756\" data-end=\"1944\">\r\n<li data-start=\"1756\" data-end=\"1803\">\r\n<p data-start=\"1758\" data-end=\"1803\">Regelmatig bewegen versterkt de rugspieren.<\/p>\r\n<\/li>\r\n<li data-start=\"1804\" data-end=\"1866\">\r\n<p data-start=\"1806\" data-end=\"1866\">Langdurig verkeerd zitten kan de wervelkolom overbelasten.<\/p>\r\n<\/li>\r\n<li data-start=\"1867\" data-end=\"1944\">\r\n<p data-start=\"1869\" data-end=\"1944\">Een goede zithouding en voldoende afwisseling helpen rugklachten voorkomen.<\/p>\r\n<\/li>\r\n<\/ul>\r\n`,\r\n terms: [\r\n \"Wervelkolom \u2013 de ruggengraat die het lichaam steun en beweging geeft\",\r\n \"Wervels \u2013 losse botten waaruit de wervelkolom bestaat\",\r\n \"Tussenwervelschijven \u2013 kraakbeenschijven tussen de wervels die schokken opvangen\",\r\n \"Ruggenmerg \u2013 bundel zenuwen in de wervelkolom\",\r\n \"Houding \u2013 de manier waarop je lichaam staat of zit\",\r\n \"Rugspieren \u2013 spieren die de wervelkolom ondersteunen\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"De wervelkolom bestaat uit losse wervels met tussenwervelschijven. Samen zorgen ze voor stevigheid, bescherming van het ruggenmerg en bewegingsvrijheid. Door de S-vorm en de samenwerking met spieren kan de wervelkolom schokken opvangen en beweging mogelijk maken. Een goede houding en voldoende beweging zijn belangrijk voor een gezonde rug.\"\r\n },\r\n\r\n {\r\n id: 6,\r\n title: \"Gezond bewegen\",\r\n subtitle: \"In beweging blijven voor sterke botten en spieren\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-17-aug-2025-14_38_35.png\",\r\n summary: `\r\n<p data-start=\"376\" data-end=\"578\">Bewegen is belangrijk voor een gezond lichaam. Door <strong data-start=\"428\" data-end=\"446\">gezond bewegen<\/strong> blijven je botten, spieren en gewrichten sterk en soepel. Voldoende en juiste beweging helpt om klachten en blessures te voorkomen.<\/p>\r\n<h3 data-start=\"580\" data-end=\"614\">Waarom bewegen belangrijk is<\/h3>\r\n<p data-start=\"615\" data-end=\"667\">Bewegen heeft veel positieve effecten op je lichaam:<\/p>\r\n<ul data-start=\"669\" data-end=\"1010\">\r\n<li data-start=\"669\" data-end=\"745\">\r\n<p data-start=\"671\" data-end=\"745\"><strong data-start=\"671\" data-end=\"691\">Sterkere spieren<\/strong>: spieren worden krachtiger door regelmatig gebruik.<\/p>\r\n<\/li>\r\n<li data-start=\"746\" data-end=\"813\">\r\n<p data-start=\"748\" data-end=\"813\"><strong data-start=\"748\" data-end=\"765\">Sterke botten<\/strong>: botten worden steviger als ze belast worden.<\/p>\r\n<\/li>\r\n<li data-start=\"814\" data-end=\"877\">\r\n<p data-start=\"816\" data-end=\"877\"><strong data-start=\"816\" data-end=\"840\">Soepelere gewrichten<\/strong>: beweging houdt gewrichten soepel.<\/p>\r\n<\/li>\r\n<li data-start=\"878\" data-end=\"945\">\r\n<p data-start=\"880\" data-end=\"945\"><strong data-start=\"880\" data-end=\"898\">Betere houding<\/strong>: sterke spieren ondersteunen de wervelkolom.<\/p>\r\n<\/li>\r\n<li data-start=\"946\" data-end=\"1010\">\r\n<p data-start=\"948\" data-end=\"1010\"><strong data-start=\"948\" data-end=\"962\">Gezondheid<\/strong>: bewegen is goed voor hart, longen en conditie.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"1012\" data-end=\"1044\">Overbelasting en blessures<\/h3>\r\n<p data-start=\"1045\" data-end=\"1099\">Te veel of verkeerde beweging kan leiden tot klachten.<\/p>\r\n<ul data-start=\"1101\" data-end=\"1338\">\r\n<li data-start=\"1101\" data-end=\"1196\">\r\n<p data-start=\"1103\" data-end=\"1196\"><strong data-start=\"1103\" data-end=\"1120\">Overbelasting<\/strong> ontstaat wanneer spieren of gewrichten te zwaar of te lang belast worden.<\/p>\r\n<\/li>\r\n<li data-start=\"1197\" data-end=\"1257\">\r\n<p data-start=\"1199\" data-end=\"1257\">Dit kan pijn, stijfheid of een <strong data-start=\"1230\" data-end=\"1242\">blessure<\/strong> veroorzaken.<\/p>\r\n<\/li>\r\n<li data-start=\"1258\" data-end=\"1338\">\r\n<p data-start=\"1260\" data-end=\"1338\">Ook een verkeerde houding of verkeerde techniek kan overbelasting veroorzaken.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1340\" data-end=\"1414\">Voorbeelden van blessures zijn een verrekte spier of pijnlijke gewrichten.<\/p>\r\n<h3 data-start=\"1416\" data-end=\"1447\">Het belang van warming-up<\/h3>\r\n<p data-start=\"1448\" data-end=\"1498\">Een <strong data-start=\"1452\" data-end=\"1466\">warming-up<\/strong> is belangrijk vóór het sporten.<\/p>\r\n<ul data-start=\"1500\" data-end=\"1655\">\r\n<li data-start=\"1500\" data-end=\"1578\">\r\n<p data-start=\"1502\" data-end=\"1578\">Tijdens een warming-up bereid je spieren en gewrichten voor op inspanning.<\/p>\r\n<\/li>\r\n<li data-start=\"1579\" data-end=\"1617\">\r\n<p data-start=\"1581\" data-end=\"1617\">Spieren worden warmer en soepeler.<\/p>\r\n<\/li>\r\n<li data-start=\"1618\" data-end=\"1655\">\r\n<p data-start=\"1620\" data-end=\"1655\">De kans op blessures wordt kleiner.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1657\" data-end=\"1725\">Een warming-up bestaat vaak uit rustig bewegen en lichte oefeningen.<\/p>\r\n<h3 data-start=\"1727\" data-end=\"1760\">Het belang van cooling-down<\/h3>\r\n<p data-start=\"1761\" data-end=\"1811\">Na het sporten is een <strong data-start=\"1783\" data-end=\"1799\">cooling-down<\/strong> belangrijk.<\/p>\r\n<ul data-start=\"1813\" data-end=\"1957\">\r\n<li data-start=\"1813\" data-end=\"1884\">\r\n<p data-start=\"1815\" data-end=\"1884\">Bij een cooling-down laat je je lichaam rustig tot stilstand komen.<\/p>\r\n<\/li>\r\n<li data-start=\"1885\" data-end=\"1918\">\r\n<p data-start=\"1887\" data-end=\"1918\">Spieren ontspannen zich weer.<\/p>\r\n<\/li>\r\n<li data-start=\"1919\" data-end=\"1957\">\r\n<p data-start=\"1921\" data-end=\"1957\">Afvalstoffen worden beter afgevoerd.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1959\" data-end=\"2015\">Dit helpt spierpijn te verminderen en bevordert herstel.<\/p>\r\n<h3 data-start=\"2017\" data-end=\"2038\">Gezonde houding<\/h3>\r\n<p data-start=\"2039\" data-end=\"2109\">Een goede houding is belangrijk bij bewegen én in het dagelijks leven.<\/p>\r\n<ul data-start=\"2111\" data-end=\"2308\">\r\n<li data-start=\"2111\" data-end=\"2181\">\r\n<p data-start=\"2113\" data-end=\"2181\">Rechtop zitten en staan voorkomt overbelasting van de wervelkolom.<\/p>\r\n<\/li>\r\n<li data-start=\"2182\" data-end=\"2244\">\r\n<p data-start=\"2184\" data-end=\"2244\">Afwisseling tussen zitten, staan en bewegen is belangrijk.<\/p>\r\n<\/li>\r\n<li data-start=\"2245\" data-end=\"2308\">\r\n<p data-start=\"2247\" data-end=\"2308\">Langdurig dezelfde houding aannemen kan klachten veroorzaken.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"2310\" data-end=\"2331\">Rust en herstel<\/h3>\r\n<p data-start=\"2332\" data-end=\"2369\">Naast bewegen is rust ook belangrijk.<\/p>\r\n<ul data-start=\"2371\" data-end=\"2530\">\r\n<li data-start=\"2371\" data-end=\"2418\">\r\n<p data-start=\"2373\" data-end=\"2418\">Spieren worden sterker tijdens het herstel.<\/p>\r\n<\/li>\r\n<li data-start=\"2419\" data-end=\"2468\">\r\n<p data-start=\"2421\" data-end=\"2468\">Te weinig rust vergroot de kans op blessures.<\/p>\r\n<\/li>\r\n<li data-start=\"2469\" data-end=\"2530\">\r\n<p data-start=\"2471\" data-end=\"2530\">Afwisseling tussen inspanning en ontspanning is essentieel.<\/p>\r\n<\/li>\r\n<\/ul>\r\n`,\r\n terms: [\r\n \"Gezond bewegen \u2013 bewegen op een manier die het lichaam sterker en gezonder maakt\",\r\n \"Overbelasting \u2013 te zware of te langdurige belasting van spieren of gewrichten\",\r\n \"Blessure \u2013 beschadiging van spieren, pezen of gewrichten\",\r\n \"Warming-up \u2013 oefeningen v\u00f3\u00f3r het sporten om het lichaam voor te bereiden\",\r\n \"Cooling-down \u2013 rustige oefeningen na het sporten om het lichaam te laten herstellen\",\r\n \"Houding \u2013 de manier waarop je lichaam staat of zit\",\r\n \"Herstel \u2013 periode waarin het lichaam rust en sterker wordt\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Gezond bewegen is belangrijk voor sterke spieren, stevige botten en soepele gewrichten. Door regelmatig en op de juiste manier te bewegen, met een warming-up en cooling-down, verklein je de kans op blessures. Een goede houding en voldoende rust zorgen ervoor dat je lichaam gezond blijft en goed kan herstellen.\"\r\n },\r\n ]\r\n };\r\n\r\n \/\/ ====== APP LOGICA ======\r\n const els = {\r\n bookTitle: document.getElementById('bookTitle'),\r\n chapterBadge: document.getElementById('chapterBadge'),\r\n chapterSub: document.getElementById('chapterSub'),\r\n pageIndicator: document.getElementById('pageIndicator'),\r\n progressBar: document.getElementById('progressBar'),\r\n chapterTitle: document.getElementById('chapterTitle'),\r\n chapterSubtitle: document.getElementById('chapterSubtitle'),\r\n summaryBody: document.getElementById('summaryBody'),\r\n termsList: document.getElementById('termsList'),\r\n moreTerms: document.getElementById('moreTerms'),\r\n tldrBody: document.getElementById('tldrBody'),\r\n chapterCounter: document.getElementById('chapterCounter'),\r\n prevBtn: document.getElementById('prevBtn'),\r\n nextBtn: document.getElementById('nextBtn'),\r\n chapterImage: document.getElementById('chapterImage'),\r\n chapterImageWrap: document.getElementById('chapterImageWrap'),\r\n };\r\n\r\n function getChapterIndexFromURL(){\r\n const url = new URL(window.location);\r\n const h = parseInt(url.searchParams.get('h') || url.hash.replace('#h=',''));\r\n const idx = isFinite(h) && h>0 ? h-1 : 0;\r\n return Math.max(0, Math.min(BOOK.chapters.length-1, idx));\r\n }\r\n\r\n let currentIndex = getChapterIndexFromURL();\r\n\r\n function updateURL(){\r\n const h = currentIndex + 1;\r\n const url = new URL(window.location);\r\n url.searchParams.set('h', String(h));\r\n history.replaceState({}, '', url);\r\n document.title = `${BOOK.title} \u2013 Basisstof ${h}`;\r\n }\r\n\r\n function render(){\r\n const total = BOOK.chapters.length;\r\n const ch = BOOK.chapters[currentIndex];\r\n\r\n els.bookTitle.textContent = BOOK.title;\r\n els.chapterBadge.textContent = `Basisstof ${ch.id}`;\r\n els.chapterSub.textContent = ch.title;\r\n\r\n els.chapterTitle.textContent = ch.title;\r\n els.chapterSubtitle.textContent = ch.subtitle || '';\r\n els.summaryBody.innerHTML = ch.summary;\r\n\r\n \/\/ Afbeelding per hoofdstuk invullen of het hele blok verbergen\r\n if (ch.image) {\r\n els.chapterImage.src = ch.image;\r\n els.chapterImage.alt = `Illustratie bij: ${ch.title}`;\r\n els.chapterImageWrap.style.display = 'block';\r\n } else {\r\n els.chapterImage.src = '';\r\n els.chapterImageWrap.style.display = 'none';\r\n }\r\n\r\n els.termsList.innerHTML = (ch.terms||[]).map(t => `<li>${t}<\/li>`).join('');\r\n els.moreTerms.href = ch.moreTermsUrl || '#';\r\n\r\n els.tldrBody.innerHTML = `<p>${ch.tldr||''}<\/p>`;\r\n\r\n els.pageIndicator.textContent = `${ch.id} \/ ${total}`;\r\n els.chapterCounter.textContent = `Basisstof ${ch.id} van ${total}`;\r\n els.progressBar.style.width = `${(ch.id\/total)*100}%`;\r\n\r\n els.prevBtn.disabled = currentIndex === 0;\r\n els.nextBtn.disabled = currentIndex === total-1;\r\n\r\n updateURL();\r\n }\r\n\r\n function go(delta){\r\n const next = currentIndex + delta;\r\n if(next < 0 || next >= BOOK.chapters.length) return;\r\n currentIndex = next; render();\r\n \/\/ verplaats focus netjes\r\n document.getElementById('main').focus({preventScroll:true});\r\n }\r\n\r\n els.prevBtn.addEventListener('click', () => go(-1));\r\n els.nextBtn.addEventListener('click', () => go(1));\r\n\r\n document.addEventListener('keydown', (e) => {\r\n if(e.key === 'ArrowLeft') { go(-1); }\r\n if(e.key === 'ArrowRight'){ go(1); }\r\n });\r\n\r\n \/\/ Initial render\r\n render();\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Samenvatting \u2013 Boek Ga naar inhoud Titel van het boek Basisstof 1 1 \/ 1 Hoofdstuknaam Korte inleiding of doel van dit hoofdstuk. Belangrijke begrippen Meer begrippen \u2192 Kort samengevat Vorige Basisstof 1 van 1 Volgende<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"folder":[28],"class_list":["post-849","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/849","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=849"}],"version-history":[{"count":4,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/849\/revisions"}],"predecessor-version":[{"id":3275,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/849\/revisions\/3275"}],"wp:attachment":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=849"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Ffolder&post=849"}],"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 <span class=\"badge\" id=\"chapterBadge\">Basisstof 1<\/span>\r\n <span id=\"chapterSub\" aria-live=\"polite\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"chapter-meta\" aria-live=\"polite\">\r\n <span id=\"pageIndicator\">1 \/ 1<\/span>\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"progress-wrap\" aria-hidden=\"true\">\r\n <div class=\"progress\"><span id=\"progressBar\"><\/span><\/div>\r\n <\/div>\r\n\r\n <main id=\"main\" class=\"layout\" tabindex=\"-1\">\r\n <section class=\"card summary\" aria-labelledby=\"chapterTitle\">\r\n <h2 id=\"chapterTitle\">Hoofdstuknaam<\/h2>\r\n <p class=\"subtitle\" id=\"chapterSubtitle\">Korte inleiding of doel van dit hoofdstuk.<\/p>\r\n <div id=\"summaryBody\">\r\n \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 class=\"tape\"><\/span>\r\n <\/section>\r\n \r\n\r\n <section class=\"note\" aria-labelledby=\"begrippenTitle\">\r\n <h3 id=\"begrippenTitle\">Belangrijke begrippen<\/h3>\r\n <ul class=\"terms\" id=\"termsList\"><\/ul>\r\n <a id=\"moreTerms\" class=\"more-link\" href=\"http:\/\/begrippen.biologiehuis.com:3000\/index.html\" target=\"_blank\" rel=\"noopener\">Meer begrippen \u2192<\/a>\r\n <\/section>\r\n\r\n <section class=\"tldr card\" aria-labelledby=\"tldrTitle\">\r\n <h3 id=\"tldrTitle\">Kort samengevat<\/h3>\r\n <div id=\"tldrBody\"><\/div>\r\n <\/section>\r\n <\/aside>\r\n <\/main>\r\n\r\n <nav class=\"book-nav\" aria-label=\"Hoofdstuknavigatie\">\r\n <button id=\"prevBtn\" class=\"nav-btn\" aria-label=\"Ga naar vorig hoofdstuk\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z\" \/><\/svg>\r\n Vorige\r\n <\/button>\r\n <div class=\"nav-info\"><span id=\"chapterCounter\">Basisstof 1 van 1<\/span><\/div>\r\n <button id=\"nextBtn\" class=\"nav-btn\" aria-label=\"Ga naar volgend hoofdstuk\">\r\n Volgende\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z\" \/><\/svg>\r\n <\/button>\r\n <\/nav>\r\n <\/div>\r\n\r\n <script>\r\n const BOOK = {\r\n title: \"Thema 4: Stevigheid en beweging\", \/\/ \ud83d\udc49 boeknaam\r\n chapters: [\r\n {\r\n id: 1,\r\n title: \"Het skelet\",\r\n subtitle: \"Het stevige geraamte dat je lichaam laat bewegen en beschermen\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-22-sep-2025-20_27_48.png\",\r\n summary: `\r\n<p data-start=\"249\" data-end=\"548\">Het <strong data-start=\"253\" data-end=\"263\">skelet<\/strong> is het geraamte van je lichaam en bestaat uit alle <strong data-start=\"315\" data-end=\"325\">botten<\/strong> samen. Het skelet geeft je lichaam stevigheid en vorm en zorgt ervoor dat je rechtop kunt staan. Daarnaast beschermt het skelet belangrijke en kwetsbare organen en maakt het bewegen mogelijk in samenwerking met de spieren.<\/p>\r\n<h3 data-start=\"550\" data-end=\"579\">Functies van het skelet<\/h3>\r\n<p data-start=\"580\" data-end=\"632\">Het skelet heeft verschillende belangrijke functies:<\/p>\r\n<ul data-start=\"634\" data-end=\"1341\">\r\n<li data-start=\"634\" data-end=\"775\">\r\n<p data-start=\"636\" data-end=\"775\"><strong data-start=\"636\" data-end=\"650\">Stevigheid<\/strong>:<br data-start=\"651\" data-end=\"654\" \/> Het skelet vormt een stevig raamwerk waardoor je lichaam niet inzakt. Dankzij het skelet kun je staan, zitten en lopen.<\/p>\r\n<\/li>\r\n<li data-start=\"777\" data-end=\"1015\">\r\n<p data-start=\"779\" data-end=\"852\"><strong data-start=\"779\" data-end=\"794\">Bescherming<\/strong>:<br data-start=\"795\" data-end=\"798\" \/> Verschillende botten beschermen kwetsbare organen:<\/p>\r\n<ul data-start=\"855\" data-end=\"1015\">\r\n<li data-start=\"855\" data-end=\"909\">\r\n<p data-start=\"857\" data-end=\"909\">De <strong data-start=\"860\" data-end=\"871\">schedel<\/strong> beschermt de hersenen tegen stoten.<\/p>\r\n<\/li>\r\n<li data-start=\"912\" data-end=\"966\">\r\n<p data-start=\"914\" data-end=\"966\">De <strong data-start=\"917\" data-end=\"931\">ribbenkast<\/strong> beschermt het hart en de longen.<\/p>\r\n<\/li>\r\n<li data-start=\"969\" data-end=\"1015\">\r\n<p data-start=\"971\" data-end=\"1015\">De <strong data-start=\"974\" data-end=\"989\">wervelkolom<\/strong> beschermt het ruggenmerg.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<\/li>\r\n<li data-start=\"1017\" data-end=\"1210\">\r\n<p data-start=\"1019\" data-end=\"1210\"><strong data-start=\"1019\" data-end=\"1031\">Beweging<\/strong>:<br data-start=\"1032\" data-end=\"1035\" \/> Spieren zitten vast aan botten. Als spieren samentrekken, trekken ze aan de botten waardoor beweging ontstaat. Zonder skelet zouden spieren geen beweging kunnen veroorzaken.<\/p>\r\n<\/li>\r\n<li data-start=\"1212\" data-end=\"1341\">\r\n<p data-start=\"1214\" data-end=\"1341\"><strong data-start=\"1214\" data-end=\"1222\">Vorm<\/strong>:<br data-start=\"1223\" data-end=\"1226\" \/> Het skelet bepaalt hoe je lichaam eruitziet, bijvoorbeeld de lengte van je armen en benen en de vorm van je romp.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"1343\" data-end=\"1370\">Opbouw van het skelet<\/h3>\r\n<p data-start=\"1371\" data-end=\"1437\">Het skelet bestaat uit meerdere delen die samen één geheel vormen:<\/p>\r\n<ul data-start=\"1439\" data-end=\"2003\">\r\n<li data-start=\"1439\" data-end=\"1583\">\r\n<p data-start=\"1441\" data-end=\"1583\"><strong data-start=\"1441\" data-end=\"1452\">Schedel<\/strong>:<br data-start=\"1453\" data-end=\"1456\" \/> Bestaat uit verschillende botten die stevig met elkaar verbonden zijn. De schedel beschermt de hersenen en vormt het gezicht.<\/p>\r\n<\/li>\r\n<li data-start=\"1585\" data-end=\"1711\">\r\n<p data-start=\"1587\" data-end=\"1711\"><strong data-start=\"1587\" data-end=\"1602\">Wervelkolom<\/strong>:<br data-start=\"1603\" data-end=\"1606\" \/> Bestaat uit losse <strong data-start=\"1626\" data-end=\"1637\">wervels<\/strong>. Deze zorgen ervoor dat je rug stevig is, maar ook kan buigen en draaien.<\/p>\r\n<\/li>\r\n<li data-start=\"1713\" data-end=\"1869\">\r\n<p data-start=\"1715\" data-end=\"1869\"><strong data-start=\"1715\" data-end=\"1729\">Ribbenkast<\/strong>:<br data-start=\"1730\" data-end=\"1733\" \/> De ribben zitten vast aan het borstbeen en aan de wervelkolom. Samen beschermen ze hart en longen en bewegen ze mee bij de ademhaling.<\/p>\r\n<\/li>\r\n<li data-start=\"1871\" data-end=\"2003\">\r\n<p data-start=\"1873\" data-end=\"2003\"><strong data-start=\"1873\" data-end=\"1886\">Ledematen<\/strong>:<br data-start=\"1887\" data-end=\"1890\" \/> De armen en benen zorgen voor voortbeweging en het uitvoeren van handelingen, zoals lopen, rennen en schrijven.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"2005\" data-end=\"2067\">De botten van het skelet worden ook wel <strong data-start=\"2045\" data-end=\"2058\">beenderen<\/strong> genoemd.<\/p>\r\n<h3 data-start=\"2069\" data-end=\"2095\">Botten en gewrichten<\/h3>\r\n<p data-start=\"2096\" data-end=\"2193\">De meeste botten zitten niet vast aan elkaar, maar zijn met elkaar verbonden door <strong data-start=\"2178\" data-end=\"2192\">gewrichten<\/strong>.<\/p>\r\n<ul data-start=\"2195\" data-end=\"2437\">\r\n<li data-start=\"2195\" data-end=\"2256\">\r\n<p data-start=\"2197\" data-end=\"2256\">Een <strong data-start=\"2201\" data-end=\"2213\">gewricht<\/strong> is een plek waar twee botten samenkomen.<\/p>\r\n<\/li>\r\n<li data-start=\"2257\" data-end=\"2353\">\r\n<p data-start=\"2259\" data-end=\"2353\">Dankzij gewrichten kun je verschillende bewegingen maken, zoals buigen, strekken en draaien.<\/p>\r\n<\/li>\r\n<li data-start=\"2354\" data-end=\"2437\">\r\n<p data-start=\"2356\" data-end=\"2437\">Zonder gewrichten zou het skelet wel stevig zijn, maar nauwelijks kunnen bewegen.<\/p>\r\n<\/li>\r\n<\/ul>\r\n `,\r\n terms: [\r\n \"Skelet \u2013 het geheel van alle botten in het lichaam\",\r\n \"Botten \/ beenderen \u2013 harde delen die samen het skelet vormen\",\r\n \"Schedel \u2013 botten van het hoofd die de hersenen beschermen\",\r\n \"Wervelkolom \u2013 reeks wervels die steun geven en beweging mogelijk maken\",\r\n \"Ribbenkast \u2013 botten rond hart en longen die bescherming bieden\",\r\n \"Ledematen \u2013 armen en benen van het lichaam\",\r\n \"Gewrichten \u2013 verbindingen tussen botten die beweging mogelijk maken\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Het skelet vormt het stevige raamwerk van het lichaam. Het geeft vorm en stevigheid, beschermt belangrijke organen en maakt samen met spieren beweging mogelijk. Door de combinatie van botten, wervelkolom, ribbenkast, ledematen en gewrichten is het menselijk lichaam sterk, maar toch soepel en beweeglijk.\"\r\n },\r\n\r\n {\r\n id: 2,\r\n title: \"De bouw van botten\",\r\n subtitle: \"Sterk van buiten, levend van binnen\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-27-dec-2025-12_57_20.png\",\r\n summary: `\r\n<p data-start=\"352\" data-end=\"554\">Botten lijken hard en dood, maar dat zijn ze niet. Een <strong data-start=\"407\" data-end=\"414\">bot<\/strong> is een levend onderdeel van je lichaam. In botten zitten bloedvaten en zenuwen en botten kunnen groeien, zich herstellen en sterker worden.<\/p>\r\n<h3 data-start=\"556\" data-end=\"587\">De buitenkant van een bot<\/h3>\r\n<p data-start=\"588\" data-end=\"771\">De buitenkant van een bot bestaat uit <strong data-start=\"626\" data-end=\"641\">beenweefsel<\/strong>. Dit is hard en stevig en zorgt ervoor dat het bot tegen een stootje kan.<br data-start=\"715\" data-end=\"718\" \/> Om het bot heen zit een dun vlies: het <strong data-start=\"757\" data-end=\"770\">beenvlies<\/strong>.<\/p>\r\n<ul data-start=\"773\" data-end=\"979\">\r\n<li data-start=\"773\" data-end=\"813\">\r\n<p data-start=\"775\" data-end=\"813\">Het <strong data-start=\"779\" data-end=\"792\">beenvlies<\/strong> beschermt het bot.<\/p>\r\n<\/li>\r\n<li data-start=\"814\" data-end=\"864\">\r\n<p data-start=\"816\" data-end=\"864\">In het beenvlies zitten bloedvaten en zenuwen.<\/p>\r\n<\/li>\r\n<li data-start=\"865\" data-end=\"915\">\r\n<p data-start=\"867\" data-end=\"915\">Beschadiging van het beenvlies doet veel pijn.<\/p>\r\n<\/li>\r\n<li data-start=\"916\" data-end=\"979\">\r\n<p data-start=\"918\" data-end=\"979\">Het beenvlies is belangrijk voor groei en herstel van botten.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"981\" data-end=\"1012\">De binnenkant van een bot<\/h3>\r\n<p data-start=\"1013\" data-end=\"1080\">Aan de binnenkant ziet een bot er anders uit dan aan de buitenkant.<\/p>\r\n<ul data-start=\"1082\" data-end=\"1296\">\r\n<li data-start=\"1082\" data-end=\"1152\">\r\n<p data-start=\"1084\" data-end=\"1152\">Net onder het beenvlies zit <strong data-start=\"1112\" data-end=\"1127\">compact bot<\/strong>: dit is hard en sterk.<\/p>\r\n<\/li>\r\n<li data-start=\"1153\" data-end=\"1296\">\r\n<p data-start=\"1155\" data-end=\"1296\">Meer naar binnen zit <strong data-start=\"1176\" data-end=\"1195\">sponsachtig bot<\/strong>. Dit bot heeft een open structuur met kleine holtes. Hierdoor is het bot stevig, maar niet te zwaar.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1298\" data-end=\"1353\">In de holtes van het sponsachtige bot zit <strong data-start=\"1340\" data-end=\"1352\">beenmerg<\/strong>.<\/p>\r\n<h3 data-start=\"1355\" data-end=\"1369\">Beenmerg<\/h3>\r\n<p data-start=\"1370\" data-end=\"1413\"><strong data-start=\"1370\" data-end=\"1382\">Beenmerg<\/strong> is zacht weefsel in de botten.<\/p>\r\n<ul data-start=\"1415\" data-end=\"1623\">\r\n<li data-start=\"1415\" data-end=\"1471\">\r\n<p data-start=\"1417\" data-end=\"1471\">In het <strong data-start=\"1424\" data-end=\"1441\">rode beenmerg<\/strong> worden bloedcellen gemaakt.<\/p>\r\n<\/li>\r\n<li data-start=\"1472\" data-end=\"1528\">\r\n<p data-start=\"1474\" data-end=\"1528\">Bij jonge kinderen zit in veel botten rood beenmerg.<\/p>\r\n<\/li>\r\n<li data-start=\"1529\" data-end=\"1623\">\r\n<p data-start=\"1531\" data-end=\"1623\">Bij volwassenen zit rood beenmerg vooral in platte botten, zoals de ribben en het borstbeen.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"1625\" data-end=\"1649\">Groeien van botten<\/h3>\r\n<p data-start=\"1650\" data-end=\"1699\">Botten groeien zolang je nog niet volgroeid bent.<\/p>\r\n<ul data-start=\"1701\" data-end=\"1896\">\r\n<li data-start=\"1701\" data-end=\"1756\">\r\n<p data-start=\"1703\" data-end=\"1756\">Botten groeien in de lengte door <strong data-start=\"1736\" data-end=\"1753\">groeischijven<\/strong>.<\/p>\r\n<\/li>\r\n<li data-start=\"1757\" data-end=\"1814\">\r\n<p data-start=\"1759\" data-end=\"1814\"><strong data-start=\"1759\" data-end=\"1776\">Groeischijven<\/strong> zitten aan de uiteinden van botten.<\/p>\r\n<\/li>\r\n<li data-start=\"1815\" data-end=\"1896\">\r\n<p data-start=\"1817\" data-end=\"1896\">Als je volwassen bent, veranderen groeischijven in bot en stopt de lengtegroei.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1898\" data-end=\"1978\">Botten kunnen ook dikker en sterker worden, bijvoorbeeld door beweging en sport.<\/p>\r\n<h3 data-start=\"1980\" data-end=\"2004\">Herstel van botten<\/h3>\r\n<p data-start=\"2005\" data-end=\"2061\">Omdat botten levend zijn, kunnen ze zichzelf herstellen.<\/p>\r\n<ul data-start=\"2063\" data-end=\"2247\">\r\n<li data-start=\"2063\" data-end=\"2123\">\r\n<p data-start=\"2065\" data-end=\"2123\">Bij een botbreuk groeit het bot meestal weer aan elkaar.<\/p>\r\n<\/li>\r\n<li data-start=\"2124\" data-end=\"2177\">\r\n<p data-start=\"2126\" data-end=\"2177\">Het beenvlies speelt hierbij een belangrijke rol.<\/p>\r\n<\/li>\r\n<li data-start=\"2178\" data-end=\"2247\">\r\n<p data-start=\"2180\" data-end=\"2247\">Voldoende calcium, vitamine D en beweging helpen bij sterke botten.<\/p>\r\n<\/li>\r\n<\/ul>\r\n`,\r\n terms: [\r\n \"Bot \u2013 levend onderdeel van het skelet dat stevigheid en bescherming geeft\",\r\n \"Beenweefsel \u2013 hard weefsel waaruit botten zijn opgebouwd\",\r\n \"Beenvlies \u2013 vlies om het bot met bloedvaten en zenuwen, belangrijk voor groei en herstel\",\r\n \"Compact bot \u2013 hard en stevig bot aan de buitenkant\",\r\n \"Sponsachtig bot \u2013 bot met een open structuur aan de binnenkant\",\r\n \"Beenmerg \u2013 zacht weefsel in botten waarin bloedcellen worden gemaakt\",\r\n \"Rood beenmerg \u2013 beenmerg waarin bloedcellen ontstaan\",\r\n \"Groeischijven \u2013 plekken in botten waar lengtegroei plaatsvindt\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Botten zijn levende delen van het lichaam. Ze bestaan uit hard compact bot aan de buitenkant en sponsachtig bot aan de binnenkant met beenmerg. Het beenvlies zorgt voor bescherming, groei en herstel. Door groeischijven kunnen botten in de lengte groeien. Dankzij hun bouw zijn botten sterk, maar toch licht en in staat zichzelf te herstellen.\"\r\n },\r\n\r\n {\r\n id: 3,\r\n title: \"Beenverbindingen\",\r\n subtitle: \"Hoe botten stevig vastzitten en toch kunnen bewegen\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-27-dec-2025-12_59_13.png\",\r\n summary: `\r\n<p data-start=\"382\" data-end=\"573\">In het skelet zitten botten niet los van elkaar. Botten zijn met elkaar verbonden door <strong data-start=\"469\" data-end=\"489\">beenverbindingen<\/strong>. Dankzij deze verbindingen is het skelet stevig, maar kan het lichaam toch bewegen.<\/p>\r\n<h3 data-start=\"575\" data-end=\"606\">Wat zijn beenverbindingen<\/h3>\r\n<p data-start=\"607\" data-end=\"796\">Een <strong data-start=\"611\" data-end=\"629\">beenverbinding<\/strong> is een verbinding tussen twee of meer botten.<br data-start=\"675\" data-end=\"678\" \/> Er zijn verschillende soorten beenverbindingen. Sommige zorgen vooral voor stevigheid, andere maken beweging mogelijk.<\/p>\r\n<h3 data-start=\"798\" data-end=\"833\">Drie soorten beenverbindingen<\/h3>\r\n<p data-start=\"834\" data-end=\"936\">Er zijn drie soorten beenverbindingen: <strong data-start=\"873\" data-end=\"890\">vergroeiingen<\/strong>, <strong data-start=\"892\" data-end=\"917\">kraakbeenverbindingen<\/strong> en <strong data-start=\"921\" data-end=\"935\">gewrichten<\/strong>.<\/p>\r\n<h3 data-start=\"938\" data-end=\"957\">Vergroeiingen<\/h3>\r\n<p data-start=\"958\" data-end=\"1020\">Bij <strong data-start=\"962\" data-end=\"979\">vergroeiingen<\/strong> zijn botten stevig met elkaar vergroeid.<\/p>\r\n<ul data-start=\"1022\" data-end=\"1215\">\r\n<li data-start=\"1022\" data-end=\"1055\">\r\n<p data-start=\"1024\" data-end=\"1055\">Er is geen beweging mogelijk.<\/p>\r\n<\/li>\r\n<li data-start=\"1056\" data-end=\"1110\">\r\n<p data-start=\"1058\" data-end=\"1110\">Deze verbindingen zorgen voor maximale stevigheid.<\/p>\r\n<\/li>\r\n<li data-start=\"1111\" data-end=\"1215\">\r\n<p data-start=\"1113\" data-end=\"1215\">Een voorbeeld is de <strong data-start=\"1133\" data-end=\"1144\">schedel<\/strong>, waarin botten met elkaar vergroeid zijn om de hersenen te beschermen.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"1217\" data-end=\"1244\">Kraakbeenverbindingen<\/h3>\r\n<p data-start=\"1245\" data-end=\"1323\">Bij <strong data-start=\"1249\" data-end=\"1274\">kraakbeenverbindingen<\/strong> zitten botten aan elkaar vast met <strong data-start=\"1309\" data-end=\"1322\">kraakbeen<\/strong>.<\/p>\r\n<ul data-start=\"1325\" data-end=\"1482\">\r\n<li data-start=\"1325\" data-end=\"1364\">\r\n<p data-start=\"1327\" data-end=\"1364\">Er is een beetje beweging mogelijk.<\/p>\r\n<\/li>\r\n<li data-start=\"1365\" data-end=\"1408\">\r\n<p data-start=\"1367\" data-end=\"1408\">Kraakbeen is stevig, maar ook buigzaam.<\/p>\r\n<\/li>\r\n<li data-start=\"1409\" data-end=\"1482\">\r\n<p data-start=\"1411\" data-end=\"1482\">Een voorbeeld is de verbinding tussen de <strong data-start=\"1452\" data-end=\"1463\">wervels<\/strong> in de wervelkolom.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"1484\" data-end=\"1500\">Gewrichten<\/h3>\r\n<p data-start=\"1501\" data-end=\"1576\">Bij <strong data-start=\"1505\" data-end=\"1519\">gewrichten<\/strong> kunnen botten duidelijk ten opzichte van elkaar bewegen.<\/p>\r\n<ul data-start=\"1578\" data-end=\"1731\">\r\n<li data-start=\"1578\" data-end=\"1622\">\r\n<p data-start=\"1580\" data-end=\"1622\">Gewrichten maken veel beweging mogelijk.<\/p>\r\n<\/li>\r\n<li data-start=\"1623\" data-end=\"1666\">\r\n<p data-start=\"1625\" data-end=\"1666\">Ze komen vooral voor in armen en benen.<\/p>\r\n<\/li>\r\n<li data-start=\"1667\" data-end=\"1731\">\r\n<p data-start=\"1669\" data-end=\"1731\">In een gewricht zitten de botten niet direct tegen elkaar aan.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"1733\" data-end=\"1760\">Bouw van een gewricht<\/h3>\r\n<p data-start=\"1761\" data-end=\"1805\">Een gewricht heeft verschillende onderdelen:<\/p>\r\n<ul data-start=\"1807\" data-end=\"2079\">\r\n<li data-start=\"1807\" data-end=\"1928\">\r\n<p data-start=\"1809\" data-end=\"1928\">De uiteinden van de botten zijn bedekt met <strong data-start=\"1852\" data-end=\"1865\">kraakbeen<\/strong>. Dit zorgt ervoor dat de botten soepel langs elkaar bewegen.<\/p>\r\n<\/li>\r\n<li data-start=\"1929\" data-end=\"1998\">\r\n<p data-start=\"1931\" data-end=\"1998\">Tussen de botten zit <strong data-start=\"1952\" data-end=\"1970\">gewrichtssmeer<\/strong>. Dit vermindert wrijving.<\/p>\r\n<\/li>\r\n<li data-start=\"1999\" data-end=\"2079\">\r\n<p data-start=\"2001\" data-end=\"2079\">Om het gewricht zit een <strong data-start=\"2025\" data-end=\"2044\">gewrichtskapsel<\/strong> dat het gewricht bij elkaar houdt.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"2081\" data-end=\"2160\">Samen zorgen deze onderdelen ervoor dat bewegen soepel en zonder pijn verloopt.<\/p>\r\n<h3 data-start=\"2162\" data-end=\"2191\">Beweging en bescherming<\/h3>\r\n<p data-start=\"2192\" data-end=\"2261\">Gewrichten maken beweging mogelijk, maar zorgen ook voor bescherming.<\/p>\r\n<ul data-start=\"2263\" data-end=\"2427\">\r\n<li data-start=\"2263\" data-end=\"2310\">\r\n<p data-start=\"2265\" data-end=\"2310\">Het kraakbeen voorkomt slijtage van botten.<\/p>\r\n<\/li>\r\n<li data-start=\"2311\" data-end=\"2365\">\r\n<p data-start=\"2313\" data-end=\"2365\">Het gewrichtskapsel houdt de botten op hun plaats.<\/p>\r\n<\/li>\r\n<li data-start=\"2366\" data-end=\"2427\">\r\n<p data-start=\"2368\" data-end=\"2427\">Te weinig of verkeerde beweging kan gewrichten beschadigen.<\/p>\r\n<\/li>\r\n<\/ul>\r\n`,\r\n terms: [\r\n \"Beenverbinding \u2013 verbinding tussen twee of meer botten\",\r\n \"Vergroeiing \u2013 beenverbinding waarbij botten vast aan elkaar zitten\",\r\n \"Kraakbeenverbinding \u2013 beenverbinding waarbij botten verbonden zijn door kraakbeen\",\r\n \"Kraakbeen \u2013 stevig en buigzaam weefsel tussen botten\",\r\n \"Gewricht \u2013 beweeglijke beenverbinding\",\r\n \"Gewrichtssmeer \u2013 vloeistof die wrijving in een gewricht vermindert\",\r\n \"Gewrichtskapsel \u2013 kapsel rondom een gewricht dat het bij elkaar houdt\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Beenverbindingen zorgen ervoor dat het skelet zowel stevig als beweeglijk is. Vergroeiingen geven maximale stevigheid, kraakbeenverbindingen laten een beetje beweging toe en gewrichten zorgen voor veel beweging. Door de bouw van gewrichten kunnen botten soepel langs elkaar bewegen zonder te beschadigen.\"\r\n },\r\n\r\n {\r\n id: 4,\r\n title: \"Spieren\",\r\n subtitle: \"De motoren die je lichaam laten bewegen\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-17_31_27.png\",\r\n summary: `\r\n<p data-start=\"352\" data-end=\"550\">Spieren zorgen ervoor dat je kunt bewegen. Zonder <strong data-start=\"402\" data-end=\"413\">spieren<\/strong> zou je niet kunnen lopen, schrijven of zelfs ademen. Spieren werken altijd samen met botten en het skelet om beweging mogelijk te maken.<\/p>\r\n<h3 data-start=\"552\" data-end=\"574\">Wat doen spieren<\/h3>\r\n<p data-start=\"575\" data-end=\"625\">Spieren hebben verschillende belangrijke functies:<\/p>\r\n<ul data-start=\"627\" data-end=\"889\">\r\n<li data-start=\"627\" data-end=\"674\">\r\n<p data-start=\"629\" data-end=\"674\"><strong data-start=\"629\" data-end=\"641\">Beweging<\/strong>: spieren laten botten bewegen.<\/p>\r\n<\/li>\r\n<li data-start=\"675\" data-end=\"750\">\r\n<p data-start=\"677\" data-end=\"750\"><strong data-start=\"677\" data-end=\"688\">Houding<\/strong>: spieren zorgen ervoor dat je rechtop kunt staan en zitten.<\/p>\r\n<\/li>\r\n<li data-start=\"751\" data-end=\"824\">\r\n<p data-start=\"753\" data-end=\"824\"><strong data-start=\"753\" data-end=\"768\">Bescherming<\/strong>: spieren beschermen organen, bijvoorbeeld in de buik.<\/p>\r\n<\/li>\r\n<li data-start=\"825\" data-end=\"889\">\r\n<p data-start=\"827\" data-end=\"889\"><strong data-start=\"827\" data-end=\"837\">Warmte<\/strong>: bij het samentrekken van spieren komt warmte vrij.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"891\" data-end=\"915\">Hoe werken spieren<\/h3>\r\n<p data-start=\"916\" data-end=\"967\">Een spier kan maar één ding doen: <strong data-start=\"950\" data-end=\"966\">samentrekken<\/strong>.<\/p>\r\n<ul data-start=\"969\" data-end=\"1191\">\r\n<li data-start=\"969\" data-end=\"1026\">\r\n<p data-start=\"971\" data-end=\"1026\">Als een spier samentrekt, wordt hij korter en dikker.<\/p>\r\n<\/li>\r\n<li data-start=\"1027\" data-end=\"1106\">\r\n<p data-start=\"1029\" data-end=\"1106\">Door het samentrekken trekt de spier aan een bot, waardoor het bot beweegt.<\/p>\r\n<\/li>\r\n<li data-start=\"1107\" data-end=\"1191\">\r\n<p data-start=\"1109\" data-end=\"1191\">Een spier kan niet uit zichzelf langer worden; daarvoor is een andere spier nodig.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1193\" data-end=\"1237\">Daarom werken spieren altijd samen in paren.<\/p>\r\n<h3 data-start=\"1239\" data-end=\"1257\">Antagonisten<\/h3>\r\n<p data-start=\"1258\" data-end=\"1344\">Spieren die samenwerken en een tegengestelde werking hebben, noem je <strong data-start=\"1327\" data-end=\"1343\">antagonisten<\/strong>.<\/p>\r\n<ul data-start=\"1346\" data-end=\"1525\">\r\n<li data-start=\"1346\" data-end=\"1404\">\r\n<p data-start=\"1348\" data-end=\"1404\">Als de ene spier samentrekt, ontspant de andere spier.<\/p>\r\n<\/li>\r\n<li data-start=\"1405\" data-end=\"1464\">\r\n<p data-start=\"1407\" data-end=\"1464\">Bij het buigen van je arm trekt de <strong data-start=\"1442\" data-end=\"1455\">buigspier<\/strong> samen.<\/p>\r\n<\/li>\r\n<li data-start=\"1465\" data-end=\"1525\">\r\n<p data-start=\"1467\" data-end=\"1525\">Bij het strekken van je arm trekt de <strong data-start=\"1504\" data-end=\"1518\">strekspier<\/strong> samen.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1527\" data-end=\"1569\">Zo kun je gecontroleerde bewegingen maken.<\/p>\r\n<h3 data-start=\"1571\" data-end=\"1594\">Spieren en botten<\/h3>\r\n<p data-start=\"1595\" data-end=\"1640\">Spieren zitten met <strong data-start=\"1614\" data-end=\"1623\">pezen<\/strong> vast aan botten.<\/p>\r\n<ul data-start=\"1642\" data-end=\"1861\">\r\n<li data-start=\"1642\" data-end=\"1715\">\r\n<p data-start=\"1644\" data-end=\"1715\">Een <strong data-start=\"1648\" data-end=\"1656\">pees<\/strong> is sterk bindweefsel dat een spier met een bot verbindt.<\/p>\r\n<\/li>\r\n<li data-start=\"1716\" data-end=\"1797\">\r\n<p data-start=\"1718\" data-end=\"1797\">Pezen zorgen ervoor dat de kracht van de spier wordt overgebracht op het bot.<\/p>\r\n<\/li>\r\n<li data-start=\"1798\" data-end=\"1861\">\r\n<p data-start=\"1800\" data-end=\"1861\">Zonder pezen zouden spieren geen beweging kunnen veroorzaken.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"1863\" data-end=\"1907\">Willekeurige en onwillekeurige spieren<\/h3>\r\n<p data-start=\"1908\" data-end=\"1950\">Niet alle spieren kun je bewust aansturen.<\/p>\r\n<ul data-start=\"1952\" data-end=\"2122\">\r\n<li data-start=\"1952\" data-end=\"2029\">\r\n<p data-start=\"1954\" data-end=\"2029\"><strong data-start=\"1954\" data-end=\"1978\">Willekeurige spieren<\/strong> kun je zelf besturen, zoals arm- en beenspieren.<\/p>\r\n<\/li>\r\n<li data-start=\"2030\" data-end=\"2122\">\r\n<p data-start=\"2032\" data-end=\"2122\"><strong data-start=\"2032\" data-end=\"2058\">Onwillekeurige spieren<\/strong> werken automatisch, zoals de hartspier en spieren in je darmen.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"2124\" data-end=\"2145\">Spieren trainen<\/h3>\r\n<p data-start=\"2146\" data-end=\"2199\">Door beweging en sport kunnen spieren sterker worden.<\/p>\r\n<ul data-start=\"2201\" data-end=\"2392\">\r\n<li data-start=\"2201\" data-end=\"2254\">\r\n<p data-start=\"2203\" data-end=\"2254\">Bij training worden spieren dikker en krachtiger.<\/p>\r\n<\/li>\r\n<li data-start=\"2255\" data-end=\"2322\">\r\n<p data-start=\"2257\" data-end=\"2322\">Spieren die je weinig gebruikt, worden juist dunner en zwakker.<\/p>\r\n<\/li>\r\n<li data-start=\"2323\" data-end=\"2392\">\r\n<p data-start=\"2325\" data-end=\"2392\">Regelmatig bewegen is belangrijk voor sterke spieren en gewrichten.<\/p>\r\n<\/li>\r\n<\/ul>\r\n`,\r\n terms: [\r\n \"Spieren \u2013 onderdelen van het lichaam die samentrekken en beweging veroorzaken\",\r\n \"Samentrekken \u2013 korter en dikker worden van een spier\",\r\n \"Antagonisten \u2013 spieren die elkaars tegengestelde werking hebben\",\r\n \"Buigspier \u2013 spier die een gewricht buigt\",\r\n \"Strekspier \u2013 spier die een gewricht strekt\",\r\n \"Pezen \u2013 sterke verbindingen tussen spieren en botten\",\r\n \"Willekeurige spieren \u2013 spieren die je bewust kunt aansturen\",\r\n \"Onwillekeurige spieren \u2013 spieren die automatisch werken\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Spieren maken beweging mogelijk door samen te trekken en aan botten te trekken. Ze werken altijd samen met het skelet en meestal in paren als antagonisten. Via pezen zijn spieren met botten verbonden. Door training worden spieren sterker en door weinig gebruik juist zwakker. Samen met botten en gewrichten zorgen spieren ervoor dat je lichaam kan bewegen en functioneren.\"\r\n },\r\n\r\n {\r\n id: 5,\r\n title: \"De wervelkolom\",\r\n subtitle: \"Stevige steun met verrassend veel bewegingsvrijheid\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-27-dec-2025-13_02_33.png\",\r\n summary: `\r\n<p data-start=\"378\" data-end=\"553\">De <strong data-start=\"381\" data-end=\"396\">wervelkolom<\/strong> is de ruggengraat van het lichaam. Hij zorgt voor stevigheid, bescherming en beweeglijkheid. Dankzij de wervelkolom kun je rechtop staan, buigen en draaien.<\/p>\r\n<h3 data-start=\"555\" data-end=\"584\">Bouw van de wervelkolom<\/h3>\r\n<p data-start=\"585\" data-end=\"656\">De wervelkolom bestaat uit losse botten die <strong data-start=\"629\" data-end=\"640\">wervels<\/strong> worden genoemd.<\/p>\r\n<ul data-start=\"658\" data-end=\"856\">\r\n<li data-start=\"658\" data-end=\"726\">\r\n<p data-start=\"660\" data-end=\"726\">Tussen de wervels zitten <strong data-start=\"685\" data-end=\"709\">tussenwervelschijven<\/strong> van kraakbeen.<\/p>\r\n<\/li>\r\n<li data-start=\"727\" data-end=\"792\">\r\n<p data-start=\"729\" data-end=\"792\">Deze schijven zorgen voor buigzaamheid en vangen schokken op.<\/p>\r\n<\/li>\r\n<li data-start=\"793\" data-end=\"856\">\r\n<p data-start=\"795\" data-end=\"856\">Door de losse wervels is de wervelkolom stevig én beweeglijk.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"858\" data-end=\"894\">Bescherming van het ruggenmerg<\/h3>\r\n<p data-start=\"895\" data-end=\"953\">In het midden van de wervelkolom loopt het <strong data-start=\"938\" data-end=\"952\">ruggenmerg<\/strong>.<\/p>\r\n<ul data-start=\"955\" data-end=\"1130\">\r\n<li data-start=\"955\" data-end=\"996\">\r\n<p data-start=\"957\" data-end=\"996\">Het ruggenmerg is een bundel zenuwen.<\/p>\r\n<\/li>\r\n<li data-start=\"997\" data-end=\"1066\">\r\n<p data-start=\"999\" data-end=\"1066\">De wervels vormen samen een beschermend kanaal om het ruggenmerg.<\/p>\r\n<\/li>\r\n<li data-start=\"1067\" data-end=\"1130\">\r\n<p data-start=\"1069\" data-end=\"1130\">Beschadiging van het ruggenmerg kan ernstige gevolgen hebben.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"1132\" data-end=\"1161\">Vorm van de wervelkolom<\/h3>\r\n<p data-start=\"1162\" data-end=\"1221\">De wervelkolom is niet recht, maar heeft een lichte S-vorm.<\/p>\r\n<ul data-start=\"1223\" data-end=\"1412\">\r\n<li data-start=\"1223\" data-end=\"1265\">\r\n<p data-start=\"1225\" data-end=\"1265\">Deze vorm zorgt voor extra stevigheid.<\/p>\r\n<\/li>\r\n<li data-start=\"1266\" data-end=\"1342\">\r\n<p data-start=\"1268\" data-end=\"1342\">De S-vorm helpt bij het opvangen van schokken tijdens lopen en springen.<\/p>\r\n<\/li>\r\n<li data-start=\"1343\" data-end=\"1412\">\r\n<p data-start=\"1345\" data-end=\"1412\">Een goede houding is belangrijk om de wervelkolom gezond te houden.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"1414\" data-end=\"1439\">Beweging en houding<\/h3>\r\n<p data-start=\"1440\" data-end=\"1493\">De wervelkolom werkt samen met spieren en gewrichten.<\/p>\r\n<ul data-start=\"1495\" data-end=\"1667\">\r\n<li data-start=\"1495\" data-end=\"1552\">\r\n<p data-start=\"1497\" data-end=\"1552\">Rugspieren zorgen ervoor dat je rechtop blijft staan.<\/p>\r\n<\/li>\r\n<li data-start=\"1553\" data-end=\"1615\">\r\n<p data-start=\"1555\" data-end=\"1615\">Buigen en draaien gebeurt door beweging tussen de wervels.<\/p>\r\n<\/li>\r\n<li data-start=\"1616\" data-end=\"1667\">\r\n<p data-start=\"1618\" data-end=\"1667\">Een verkeerde houding kan leiden tot rugklachten.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"1669\" data-end=\"1694\">Gezonde wervelkolom<\/h3>\r\n<p data-start=\"1695\" data-end=\"1754\">Om je wervelkolom gezond te houden, is beweging belangrijk.<\/p>\r\n<ul data-start=\"1756\" data-end=\"1944\">\r\n<li data-start=\"1756\" data-end=\"1803\">\r\n<p data-start=\"1758\" data-end=\"1803\">Regelmatig bewegen versterkt de rugspieren.<\/p>\r\n<\/li>\r\n<li data-start=\"1804\" data-end=\"1866\">\r\n<p data-start=\"1806\" data-end=\"1866\">Langdurig verkeerd zitten kan de wervelkolom overbelasten.<\/p>\r\n<\/li>\r\n<li data-start=\"1867\" data-end=\"1944\">\r\n<p data-start=\"1869\" data-end=\"1944\">Een goede zithouding en voldoende afwisseling helpen rugklachten voorkomen.<\/p>\r\n<\/li>\r\n<\/ul>\r\n`,\r\n terms: [\r\n \"Wervelkolom \u2013 de ruggengraat die het lichaam steun en beweging geeft\",\r\n \"Wervels \u2013 losse botten waaruit de wervelkolom bestaat\",\r\n \"Tussenwervelschijven \u2013 kraakbeenschijven tussen de wervels die schokken opvangen\",\r\n \"Ruggenmerg \u2013 bundel zenuwen in de wervelkolom\",\r\n \"Houding \u2013 de manier waarop je lichaam staat of zit\",\r\n \"Rugspieren \u2013 spieren die de wervelkolom ondersteunen\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"De wervelkolom bestaat uit losse wervels met tussenwervelschijven. Samen zorgen ze voor stevigheid, bescherming van het ruggenmerg en bewegingsvrijheid. Door de S-vorm en de samenwerking met spieren kan de wervelkolom schokken opvangen en beweging mogelijk maken. Een goede houding en voldoende beweging zijn belangrijk voor een gezonde rug.\"\r\n },\r\n\r\n {\r\n id: 6,\r\n title: \"Gezond bewegen\",\r\n subtitle: \"In beweging blijven voor sterke botten en spieren\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-17-aug-2025-14_38_35.png\",\r\n summary: `\r\n<p data-start=\"376\" data-end=\"578\">Bewegen is belangrijk voor een gezond lichaam. Door <strong data-start=\"428\" data-end=\"446\">gezond bewegen<\/strong> blijven je botten, spieren en gewrichten sterk en soepel. Voldoende en juiste beweging helpt om klachten en blessures te voorkomen.<\/p>\r\n<h3 data-start=\"580\" data-end=\"614\">Waarom bewegen belangrijk is<\/h3>\r\n<p data-start=\"615\" data-end=\"667\">Bewegen heeft veel positieve effecten op je lichaam:<\/p>\r\n<ul data-start=\"669\" data-end=\"1010\">\r\n<li data-start=\"669\" data-end=\"745\">\r\n<p data-start=\"671\" data-end=\"745\"><strong data-start=\"671\" data-end=\"691\">Sterkere spieren<\/strong>: spieren worden krachtiger door regelmatig gebruik.<\/p>\r\n<\/li>\r\n<li data-start=\"746\" data-end=\"813\">\r\n<p data-start=\"748\" data-end=\"813\"><strong data-start=\"748\" data-end=\"765\">Sterke botten<\/strong>: botten worden steviger als ze belast worden.<\/p>\r\n<\/li>\r\n<li data-start=\"814\" data-end=\"877\">\r\n<p data-start=\"816\" data-end=\"877\"><strong data-start=\"816\" data-end=\"840\">Soepelere gewrichten<\/strong>: beweging houdt gewrichten soepel.<\/p>\r\n<\/li>\r\n<li data-start=\"878\" data-end=\"945\">\r\n<p data-start=\"880\" data-end=\"945\"><strong data-start=\"880\" data-end=\"898\">Betere houding<\/strong>: sterke spieren ondersteunen de wervelkolom.<\/p>\r\n<\/li>\r\n<li data-start=\"946\" data-end=\"1010\">\r\n<p data-start=\"948\" data-end=\"1010\"><strong data-start=\"948\" data-end=\"962\">Gezondheid<\/strong>: bewegen is goed voor hart, longen en conditie.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"1012\" data-end=\"1044\">Overbelasting en blessures<\/h3>\r\n<p data-start=\"1045\" data-end=\"1099\">Te veel of verkeerde beweging kan leiden tot klachten.<\/p>\r\n<ul data-start=\"1101\" data-end=\"1338\">\r\n<li data-start=\"1101\" data-end=\"1196\">\r\n<p data-start=\"1103\" data-end=\"1196\"><strong data-start=\"1103\" data-end=\"1120\">Overbelasting<\/strong> ontstaat wanneer spieren of gewrichten te zwaar of te lang belast worden.<\/p>\r\n<\/li>\r\n<li data-start=\"1197\" data-end=\"1257\">\r\n<p data-start=\"1199\" data-end=\"1257\">Dit kan pijn, stijfheid of een <strong data-start=\"1230\" data-end=\"1242\">blessure<\/strong> veroorzaken.<\/p>\r\n<\/li>\r\n<li data-start=\"1258\" data-end=\"1338\">\r\n<p data-start=\"1260\" data-end=\"1338\">Ook een verkeerde houding of verkeerde techniek kan overbelasting veroorzaken.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1340\" data-end=\"1414\">Voorbeelden van blessures zijn een verrekte spier of pijnlijke gewrichten.<\/p>\r\n<h3 data-start=\"1416\" data-end=\"1447\">Het belang van warming-up<\/h3>\r\n<p data-start=\"1448\" data-end=\"1498\">Een <strong data-start=\"1452\" data-end=\"1466\">warming-up<\/strong> is belangrijk vóór het sporten.<\/p>\r\n<ul data-start=\"1500\" data-end=\"1655\">\r\n<li data-start=\"1500\" data-end=\"1578\">\r\n<p data-start=\"1502\" data-end=\"1578\">Tijdens een warming-up bereid je spieren en gewrichten voor op inspanning.<\/p>\r\n<\/li>\r\n<li data-start=\"1579\" data-end=\"1617\">\r\n<p data-start=\"1581\" data-end=\"1617\">Spieren worden warmer en soepeler.<\/p>\r\n<\/li>\r\n<li data-start=\"1618\" data-end=\"1655\">\r\n<p data-start=\"1620\" data-end=\"1655\">De kans op blessures wordt kleiner.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1657\" data-end=\"1725\">Een warming-up bestaat vaak uit rustig bewegen en lichte oefeningen.<\/p>\r\n<h3 data-start=\"1727\" data-end=\"1760\">Het belang van cooling-down<\/h3>\r\n<p data-start=\"1761\" data-end=\"1811\">Na het sporten is een <strong data-start=\"1783\" data-end=\"1799\">cooling-down<\/strong> belangrijk.<\/p>\r\n<ul data-start=\"1813\" data-end=\"1957\">\r\n<li data-start=\"1813\" data-end=\"1884\">\r\n<p data-start=\"1815\" data-end=\"1884\">Bij een cooling-down laat je je lichaam rustig tot stilstand komen.<\/p>\r\n<\/li>\r\n<li data-start=\"1885\" data-end=\"1918\">\r\n<p data-start=\"1887\" data-end=\"1918\">Spieren ontspannen zich weer.<\/p>\r\n<\/li>\r\n<li data-start=\"1919\" data-end=\"1957\">\r\n<p data-start=\"1921\" data-end=\"1957\">Afvalstoffen worden beter afgevoerd.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1959\" data-end=\"2015\">Dit helpt spierpijn te verminderen en bevordert herstel.<\/p>\r\n<h3 data-start=\"2017\" data-end=\"2038\">Gezonde houding<\/h3>\r\n<p data-start=\"2039\" data-end=\"2109\">Een goede houding is belangrijk bij bewegen én in het dagelijks leven.<\/p>\r\n<ul data-start=\"2111\" data-end=\"2308\">\r\n<li data-start=\"2111\" data-end=\"2181\">\r\n<p data-start=\"2113\" data-end=\"2181\">Rechtop zitten en staan voorkomt overbelasting van de wervelkolom.<\/p>\r\n<\/li>\r\n<li data-start=\"2182\" data-end=\"2244\">\r\n<p data-start=\"2184\" data-end=\"2244\">Afwisseling tussen zitten, staan en bewegen is belangrijk.<\/p>\r\n<\/li>\r\n<li data-start=\"2245\" data-end=\"2308\">\r\n<p data-start=\"2247\" data-end=\"2308\">Langdurig dezelfde houding aannemen kan klachten veroorzaken.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"2310\" data-end=\"2331\">Rust en herstel<\/h3>\r\n<p data-start=\"2332\" data-end=\"2369\">Naast bewegen is rust ook belangrijk.<\/p>\r\n<ul data-start=\"2371\" data-end=\"2530\">\r\n<li data-start=\"2371\" data-end=\"2418\">\r\n<p data-start=\"2373\" data-end=\"2418\">Spieren worden sterker tijdens het herstel.<\/p>\r\n<\/li>\r\n<li data-start=\"2419\" data-end=\"2468\">\r\n<p data-start=\"2421\" data-end=\"2468\">Te weinig rust vergroot de kans op blessures.<\/p>\r\n<\/li>\r\n<li data-start=\"2469\" data-end=\"2530\">\r\n<p data-start=\"2471\" data-end=\"2530\">Afwisseling tussen inspanning en ontspanning is essentieel.<\/p>\r\n<\/li>\r\n<\/ul>\r\n`,\r\n terms: [\r\n \"Gezond bewegen \u2013 bewegen op een manier die het lichaam sterker en gezonder maakt\",\r\n \"Overbelasting \u2013 te zware of te langdurige belasting van spieren of gewrichten\",\r\n \"Blessure \u2013 beschadiging van spieren, pezen of gewrichten\",\r\n \"Warming-up \u2013 oefeningen v\u00f3\u00f3r het sporten om het lichaam voor te bereiden\",\r\n \"Cooling-down \u2013 rustige oefeningen na het sporten om het lichaam te laten herstellen\",\r\n \"Houding \u2013 de manier waarop je lichaam staat of zit\",\r\n \"Herstel \u2013 periode waarin het lichaam rust en sterker wordt\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Gezond bewegen is belangrijk voor sterke spieren, stevige botten en soepele gewrichten. Door regelmatig en op de juiste manier te bewegen, met een warming-up en cooling-down, verklein je de kans op blessures. Een goede houding en voldoende rust zorgen ervoor dat je lichaam gezond blijft en goed kan herstellen.\"\r\n },\r\n ]\r\n };\r\n\r\n \/\/ ====== APP LOGICA ======\r\n const els = {\r\n bookTitle: document.getElementById('bookTitle'),\r\n chapterBadge: document.getElementById('chapterBadge'),\r\n chapterSub: document.getElementById('chapterSub'),\r\n pageIndicator: document.getElementById('pageIndicator'),\r\n progressBar: document.getElementById('progressBar'),\r\n chapterTitle: document.getElementById('chapterTitle'),\r\n chapterSubtitle: document.getElementById('chapterSubtitle'),\r\n summaryBody: document.getElementById('summaryBody'),\r\n termsList: document.getElementById('termsList'),\r\n moreTerms: document.getElementById('moreTerms'),\r\n tldrBody: document.getElementById('tldrBody'),\r\n chapterCounter: document.getElementById('chapterCounter'),\r\n prevBtn: document.getElementById('prevBtn'),\r\n nextBtn: document.getElementById('nextBtn'),\r\n chapterImage: document.getElementById('chapterImage'),\r\n chapterImageWrap: document.getElementById('chapterImageWrap'),\r\n };\r\n\r\n function getChapterIndexFromURL(){\r\n const url = new URL(window.location);\r\n const h = parseInt(url.searchParams.get('h') || url.hash.replace('#h=',''));\r\n const idx = isFinite(h) && h>0 ? h-1 : 0;\r\n return Math.max(0, Math.min(BOOK.chapters.length-1, idx));\r\n }\r\n\r\n let currentIndex = getChapterIndexFromURL();\r\n\r\n function updateURL(){\r\n const h = currentIndex + 1;\r\n const url = new URL(window.location);\r\n url.searchParams.set('h', String(h));\r\n history.replaceState({}, '', url);\r\n document.title = `${BOOK.title} \u2013 Basisstof ${h}`;\r\n }\r\n\r\n function render(){\r\n const total = BOOK.chapters.length;\r\n const ch = BOOK.chapters[currentIndex];\r\n\r\n els.bookTitle.textContent = BOOK.title;\r\n els.chapterBadge.textContent = `Basisstof ${ch.id}`;\r\n els.chapterSub.textContent = ch.title;\r\n\r\n els.chapterTitle.textContent = ch.title;\r\n els.chapterSubtitle.textContent = ch.subtitle || '';\r\n els.summaryBody.innerHTML = ch.summary;\r\n\r\n \/\/ Afbeelding per hoofdstuk invullen of het hele blok verbergen\r\n if (ch.image) {\r\n els.chapterImage.src = ch.image;\r\n els.chapterImage.alt = `Illustratie bij: ${ch.title}`;\r\n els.chapterImageWrap.style.display = 'block';\r\n } else {\r\n els.chapterImage.src = '';\r\n els.chapterImageWrap.style.display = 'none';\r\n }\r\n\r\n els.termsList.innerHTML = (ch.terms||[]).map(t => `<li>${t}<\/li>`).join('');\r\n els.moreTerms.href = ch.moreTermsUrl || '#';\r\n\r\n els.tldrBody.innerHTML = `<p>${ch.tldr||''}<\/p>`;\r\n\r\n els.pageIndicator.textContent = `${ch.id} \/ ${total}`;\r\n els.chapterCounter.textContent = `Basisstof ${ch.id} van ${total}`;\r\n els.progressBar.style.width = `${(ch.id\/total)*100}%`;\r\n\r\n els.prevBtn.disabled = currentIndex === 0;\r\n els.nextBtn.disabled = currentIndex === total-1;\r\n\r\n updateURL();\r\n }\r\n\r\n function go(delta){\r\n const next = currentIndex + delta;\r\n if(next < 0 || next >= BOOK.chapters.length) return;\r\n currentIndex = next; render();\r\n \/\/ verplaats focus netjes\r\n document.getElementById('main').focus({preventScroll:true});\r\n }\r\n\r\n els.prevBtn.addEventListener('click', () => go(-1));\r\n els.nextBtn.addEventListener('click', () => go(1));\r\n\r\n document.addEventListener('keydown', (e) => {\r\n if(e.key === 'ArrowLeft') { go(-1); }\r\n if(e.key === 'ArrowRight'){ go(1); }\r\n });\r\n\r\n \/\/ Initial render\r\n render();\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Samenvatting \u2013 Boek Ga naar inhoud Titel van het boek Basisstof 1 1 \/ 1 Hoofdstuknaam Korte inleiding of doel van dit hoofdstuk. Belangrijke begrippen Meer begrippen \u2192 Kort samengevat Vorige Basisstof 1 van 1 Volgende<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"folder":[28],"class_list":["post-849","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/849","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=849"}],"version-history":[{"count":4,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/849\/revisions"}],"predecessor-version":[{"id":3275,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/849\/revisions\/3275"}],"wp:attachment":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=849"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Ffolder&post=849"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}