:root{--lucht-boven:#8fc3ea;--lucht-onder:#f4ead8;--zee:#4a9cc6;--zee-diep:#22648f;--zee-bodem:#153f62;--zand:#efdcb2;--zand-donker:#d9c28e;--papier:#fffdf6;--papier-lijn:#d3e3f3;--kantlijn:#eba2a0;--hout:#93602f;--hout-licht:#a66f3a;--hout-donker:#6e4420;--inkt:#1d2b3a;--inkt-zacht:#53657a;--koraal:#e0673b;--koraal-knop:#c24f28;--koraal-knop-hover:#a8421f;--koraal-inkt:#b0421d;--goud:#ffc53d;--markering:#ffe28a;--markering-open:#ffc53d;--goed:#16663a;--focus:#0b57d0;--rond:ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--schreef:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, ui-serif, serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{color:var(--inkt);background:var(--zee-bodem);font:17px/1.5 var(--rond);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.zee{isolation:isolate;background:linear-gradient(to bottom, var(--lucht-boven) 0%, var(--lucht-onder) 33%, #cfe0dc 34%, var(--zee) 48%, #3f8cbb 100%);height:100dvh;min-height:560px;position:relative;overflow:hidden}.zee-toneel{z-index:0;position:absolute;inset:0}.zee:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#3f8cbb00,#3f8cbb);height:70px;position:absolute;inset:auto 0 0}.zee-canvas{pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .6s;display:block;position:absolute;inset:0}.zee-klaar .zee-canvas{opacity:1}.kop{z-index:3;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 22px 0;display:flex;position:absolute;inset:0 0 auto}.kop>*{pointer-events:auto}.woordmerk{font:700 1.7rem/1.1 var(--schreef);letter-spacing:-.01em;color:var(--inkt);align-items:center;gap:10px;margin:0;display:flex}.woordmerk-bootje{flex:none;width:40px;height:28px}.hoe{position:relative}.hoe summary{background:var(--papier);color:var(--inkt);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:999px;align-items:center;gap:9px;padding:6px 16px 6px 6px;font-size:.98rem;font-weight:700;list-style:none;display:inline-flex;box-shadow:0 6px 16px #1432502e}.hoe summary::-webkit-details-marker{display:none}.hoe summary:hover{background:#fff}.reddingsboei{background:radial-gradient(circle, var(--papier) 0 34%, transparent 35%), conic-gradient(var(--koraal) 0 12.5%, #fff 0 25%, var(--koraal) 0 37.5%, #fff 0 50%, var(--koraal) 0 62.5%, #fff 0 75%, var(--koraal) 0 87.5%, #fff 0);border-radius:50%;width:30px;height:30px;transition:transform .5s;box-shadow:inset 0 0 0 1.5px #0000001f}.hoe[open] .reddingsboei{transform:rotate(135deg)}.briefje{width:min(380px,100vw - 32px);color:var(--inkt);background:linear-gradient(to right, transparent 36px, var(--kantlijn) 36px, var(--kantlijn) 38px, transparent 38px), repeating-linear-gradient(to bottom, var(--papier) 0 24px, var(--papier-lijn) 24px 26px);transform-origin:100% 0;background-position:0 6px;border-radius:3px;padding:16px 18px 14px 50px;font-size:.95rem;line-height:26px;animation:.28s ease-out uitvouwen;position:absolute;top:calc(100% + 10px);right:0;transform:rotate(-1deg);box-shadow:0 14px 30px #14325040}.briefje p{margin:0}.briefje .regel{font-weight:600}.briefje ol{margin:6px 0 0;padding-left:1.1em}.briefje .status{color:var(--inkt-zacht);margin-top:6px;font-size:.8rem}@keyframes uitvouwen{0%{opacity:0;transform:rotate(-1deg)translateY(-8px)scaleY(.9)}}.panelen{z-index:2;grid-template-columns:minmax(0,1fr);width:min(660px,100% - 32px);display:grid;position:absolute;top:84px;left:50%;transform:translate(-50%)}.panelen>.wolk{grid-area:1/1;align-self:start;min-width:0}.panelen>.lucht-wolk{justify-self:center;width:min(540px,100%)}.wolk{isolation:isolate;color:var(--inkt);filter:drop-shadow(0 14px 20px #285a8c33)drop-shadow(0 2px #96b9d773);opacity:0;visibility:hidden;background:#fffdf9;border-radius:30px;padding:12px 18px;transition:opacity .45s,transform .7s cubic-bezier(.4,0,.2,1),visibility 0s linear .7s;position:relative;transform:translateY(-48px)scale(.96)}.wolk.aan{opacity:1;visibility:visible;transition-delay:.15s,0s,0s;transform:none}.wolk:before,.wolk:after{content:"";z-index:-1;background:inherit;border-radius:50%;position:absolute}.wolk:before{width:88px;height:88px;top:-34px;left:16%}.wolk:after{width:118px;height:118px;top:-50px;right:14%}.wolk-opdracht{text-align:center;margin:0 0 8px;font-size:1.08rem;font-weight:800;line-height:1.2;display:block}.wolk-rij{gap:8px;display:flex}.wolk input{min-width:0;color:var(--inkt);background:#eef5fb;border:2px solid #cfe1f0;border-radius:14px;flex:1;padding:8px 14px;font-size:1.15rem;font-weight:700}.wolk input::placeholder{color:#93a4b5;font-weight:500}.knop-gooi{color:#fff;background:var(--koraal-knop);border:0;border-radius:14px;align-items:center;gap:7px;padding:8px 18px;font-size:1.08rem;font-weight:800;transition:transform .1s,box-shadow .1s,background .15s;display:inline-flex;box-shadow:0 3px #7d3317}.knop-gooi:hover{background:var(--koraal-knop-hover)}.knop-gooi:active{transform:translateY(2px);box-shadow:0 1px #7d3317}.voorbeelden{overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:7px;margin:9px -18px 0;padding:0 18px 2px;display:flex;overflow-x:auto}.voorbeelden::-webkit-scrollbar{display:none}.voorbeelden>:first-child{margin-left:auto}.voorbeelden>:last-child{margin-right:auto}.voorbeelden button{color:var(--inkt);clip-path:polygon(0 0,calc(100% - 9px) 0,100% 50%,calc(100% - 9px) 100%,0 100%);background:#e3eef8;border:0;border-radius:4px 0 0 4px;flex:none;padding:3px 16px 3px 10px;font-size:.9rem;font-weight:600;transition:background .15s,color .15s,transform .15s}.voorbeelden button:hover{background:#d3e5f4;transform:translateY(-1px)}.voorbeelden button[aria-pressed=true]{color:#fff;background:var(--koraal-knop);text-underline-offset:3px;text-decoration:underline}.knop-voorbeelden{color:var(--inkt);text-underline-offset:3px;background:#e3eef8;border:0;border-radius:999px;margin:7px auto 0;padding:1px 10px;font-size:.85rem;font-weight:700;text-decoration:underline;display:block}.wolk-melding{white-space:nowrap;color:var(--inkt);background:var(--papier);opacity:0;pointer-events:none;border-radius:6px;margin:0;padding:4px 12px;font-size:.9rem;font-weight:600;transition:opacity .2s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 6px 14px #14325033}.wolk-melding.zichtbaar{opacity:1}.zee-balk{border-radius:26px;justify-self:center;width:min(560px,100%);padding:9px 12px;transform:translateY(-16px)}.zee-balk-rij{align-items:center;gap:8px;display:flex}.zee-balk input{flex:1;min-width:0;padding:5px 12px;font-size:1rem}.knop-vaar{color:#fff;background:var(--koraal-knop);border:0;border-radius:999px;flex:none;padding:6px 14px;font-size:.95rem;font-weight:800;box-shadow:0 2px #7d3317}.knop-vaar:hover{background:var(--koraal-knop-hover)}.zee-balk:before{width:56px;height:56px;top:-22px;left:22%}.zee-balk:after{width:74px;height:74px;top:-30px;right:18%}.zee-balk .voorbeelden{gap:5px;margin:7px -12px 0;padding:0 12px 1px}.zee-balk .voorbeelden button{padding:3px 14px 3px 8px;font-size:.86rem}.knop-omhoog{border:2px solid var(--koraal-knop);color:var(--koraal-knop);background:#fff;border-radius:999px;flex:none;padding:6px 14px;font-size:.95rem;font-weight:800}.knop-omhoog:hover{color:#fff;background:var(--koraal-knop)}.vliegtuig-woord{z-index:1;font:800 max(14px, calc(var(--px) * .2px)) / 1 var(--rond);color:var(--inkt);white-space:nowrap;text-shadow:0 0 6px #ffffffe6;visibility:hidden;pointer-events:none;will-change:transform;--px:100;background:0 0;border:0;padding:.25em .5em;position:absolute;top:0;left:0}.fase-lucht .vliegtuig-woord{pointer-events:auto;cursor:pointer}.mist{z-index:1;pointer-events:none;opacity:0;background:radial-gradient(at 50% 55%,#fffffffa,#eaf3faeb);position:absolute;inset:0}.opschriften{z-index:1;pointer-events:none;visibility:hidden;position:absolute;inset:0;overflow:hidden}.opschriften.aan{visibility:visible}.opschrift{white-space:nowrap;will-change:transform;--px:100;position:absolute;top:0;left:0}.opschrift em{color:var(--koraal-inkt);text-underline-offset:.14em;font-style:normal;text-decoration:underline;text-decoration-thickness:.08em}.opschrift.zeil span{font:800 max(15px, calc(var(--px) * .34px)) / 1 var(--rond);color:var(--koraal-inkt);letter-spacing:-.01em;opacity:0;transition:opacity .2s,transform .45s cubic-bezier(.3,1.7,.5,1);display:inline-block;transform:scale(.4)rotate(-8deg)}.opschrift.zeil span.toon{opacity:1;transform:none}.opschrift.romp{font:750 max(12px, calc(var(--px) * .22px)) / 1 var(--rond);color:var(--inkt)}.opschrift.romp u{-webkit-text-decoration-color:var(--koraal);text-decoration-color:var(--koraal);text-underline-offset:.12em;text-decoration-thickness:.12em}.stam-letter{color:#fff;background:var(--koraal-knop);vertical-align:.12em;border-radius:999px;margin-left:.3em;padding:.08em .32em .12em;font-size:.78em;line-height:1;display:inline-block}.opschrift.krat{font-size:max(12px, calc(var(--px) * .17px));text-align:center;color:var(--inkt);background:var(--papier);opacity:0;border-radius:4px;padding:.28em .6em .34em;line-height:1.15;transition:opacity .15s;box-shadow:0 0 0 1px #5a3c1440,0 3px 6px #28190540}.opschrift.krat.toon{opacity:1;transition:opacity .35s}.opschrift.krat small{color:var(--inkt-zacht);font-size:max(10px,.6em);font-weight:600;display:block}.opschrift.krat strong{font-weight:800}.vuurtoren{z-index:2;visibility:hidden;opacity:0;--px:10;border-radius:8px;width:34px;height:58px;transition:opacity .6s;position:absolute;top:0;left:0}.vuurtoren.aan{opacity:1}.vuurtoren-lamp{left:50%;top:calc(50% - var(--px) * 1.75px);background:#fff6c2;border-radius:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;animation:2.6s ease-in-out infinite knipper;position:absolute;box-shadow:0 0 6px 3px #ffd66ed9,0 0 18px 8px #ffd66e59}@keyframes knipper{0%,to{opacity:.35}50%{opacity:1}}.vuurtoren-tip{white-space:nowrap;color:var(--inkt);background:var(--papier);opacity:0;pointer-events:none;border-radius:8px;padding:5px 10px;font-size:.82rem;font-weight:700;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + 6px);left:-8px;transform:translateY(4px);box-shadow:0 6px 14px #14325038}.vuurtoren:hover .vuurtoren-tip,.vuurtoren:focus-visible .vuurtoren-tip{opacity:1;transform:none}.dieper{z-index:2;color:var(--inkt);border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:4px 10px;text-decoration:none;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.fles-ikoon{width:84px;height:40px;animation:3.2s ease-in-out infinite dobber}.dieper-briefje{background:var(--papier);border-radius:4px;padding:2px 10px 3px;font-size:.88rem;font-weight:800;transform:rotate(-3deg);box-shadow:0 3px 8px #00142840}.dieper:hover .dieper-briefje{background:#fff}@keyframes dobber{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-5px)rotate(3deg)}}.zonder3d{flex-direction:column;align-items:center;gap:22px;padding:16px;display:flex;position:absolute;inset:34% 0 0}.z3-boeien{gap:clamp(10px,4vw,34px);display:flex}.z3-boeien span{background:var(--papier);border:4px solid var(--koraal);border-radius:50%;place-items:center;width:46px;height:46px;font-size:1.3rem;font-weight:800;display:grid}.z3-boeien span.aan{background:var(--goud);transform:translateY(-4px);box-shadow:0 0 0 6px #ffc53d73}.z3-boot{flex-direction:column;align-items:center;font-weight:800;display:flex}.z3-zeil{min-height:1.6em;color:var(--koraal-inkt);font-size:1.6rem}.z3-romp{background:var(--papier);clip-path:polygon(0 0,100% 0,88% 100%,12% 100%);padding:6px 26px;font-size:1.2rem}.z3-kratten{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.z3-krat{text-align:center;background:var(--papier);border:4px solid var(--hout);border-radius:6px;padding:6px 14px}.z3-krat small{color:var(--inkt-zacht);font-size:.72rem;display:block}.diep{color:#f2f8fc;background:radial-gradient(circle at 12% 30%, #ffffff17 0 5px, transparent 6px), radial-gradient(circle at 16% 38%, #ffffff12 0 3px, transparent 4px), radial-gradient(circle at 88% 62%, #ffffff14 0 6px, transparent 7px), radial-gradient(circle at 84% 70%, #ffffff0f 0 3px, transparent 4px), linear-gradient(to bottom, #3f8cbb 0%, var(--zee-diep) 35%, var(--zee-bodem) 100%);padding:44px 16px 72px;position:relative}.binnen{max-width:820px;margin:0 auto}.diep h2{font:700 1.6rem/1.2 var(--schreef);letter-spacing:-.01em;margin:0 0 14px}.fles{background:#ffffff1a;border:2px solid #ffffff4d;border-radius:22px;padding:12px;box-shadow:inset 0 0 0 6px #ffffff0a}.fles textarea{width:100%;min-height:150px;color:var(--inkt);background:var(--papier);resize:vertical;border:0;border-radius:12px;padding:14px 16px;font-size:1.02rem;line-height:1.6;display:block}.fles-balk{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.niveaus{background:#00142840;border:0;border-radius:999px;gap:4px;margin:0;padding:3px;display:flex}.niveaus label{cursor:pointer;position:relative}.niveaus input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.niveaus span{border-radius:999px;padding:5px 14px;font-size:.93rem;font-weight:600;display:block}.niveaus input:checked+span{color:var(--inkt);background:var(--papier);font-weight:800}.niveaus input:focus-visible+span{outline-offset:1px;outline:3px solid #fff}.knop-vis{color:#fff;background:var(--koraal-knop);border:0;border-radius:12px;margin-left:auto;padding:10px 20px;font-weight:800;box-shadow:0 3px #7d3317}.knop-vis:hover{background:var(--koraal-knop-hover)}.knop-vis:disabled{cursor:progress;opacity:.75}.uitslag{margin-top:22px}.teller{margin:0 0 8px;font-weight:700}.snelheid{color:#bcd6ea;font-weight:500}.melding-fout{color:var(--inkt);border-left:5px solid var(--goud);background:#fff1d6;border-radius:12px;margin:0;padding:12px 16px}.vel{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--inkt);background:linear-gradient(to right, transparent 40px, var(--kantlijn) 40px, var(--kantlijn) 42px, transparent 42px), repeating-linear-gradient(to bottom, var(--papier) 0 30px, var(--papier-lijn) 30px 32px);background-position:0 12px;border-radius:3px;padding:18px 22px 20px 58px;font-size:1.05rem;line-height:32px;transform:rotate(-.4deg);box-shadow:0 16px 34px #000a1e59}.vel mark{color:inherit;background:var(--markering);-webkit-text-decoration:underline wavy var(--koraal-inkt);text-decoration:underline wavy var(--koraal-inkt);text-underline-offset:4px;border-radius:3px;padding:0 1px;text-decoration-thickness:1.5px}.vel mark.open{background:var(--markering-open);box-shadow:0 0 0 2px var(--inkt)}.vel mark button{cursor:pointer;-webkit-text-decoration:inherit;text-decoration:inherit;background:0 0;border:0;padding:0;font-weight:700}.kaart{color:var(--inkt);background:var(--papier);border-left:6px solid var(--koraal);border-radius:4px 14px 14px 4px;margin-top:16px;padding:16px 44px 16px 20px;animation:.25s ease-out uitvouwen;position:relative;transform:rotate(.3deg);box-shadow:0 12px 26px #000a1e4d}.kaart-woord{color:var(--inkt-zacht);margin:0;font-size:.85rem;font-weight:700}.kaart h3{margin:0 0 6px;font-size:1.08rem}.kaart ol{margin:0;padding-left:1.2em}.kaart li{margin:3px 0}.correctie{color:var(--goed);margin:10px 0 0;font-weight:600}.correctie strong{text-underline-offset:3px;font-size:1.1em;text-decoration:underline}.sluit{width:32px;height:32px;color:var(--inkt-zacht);background:0 0;border:0;border-radius:50%;font-size:1.4rem;line-height:1;position:absolute;top:8px;right:8px}.sluit:hover{background:#f1eadb}.bodem{color:#3a2f1c;background:radial-gradient(circle at 20% 40%, #a078322e 0 1.5px, transparent 2px) 0 0 / 23px 19px, radial-gradient(circle at 70% 70%, #a0783224 0 1px, transparent 1.5px) 0 0 / 17px 13px, var(--zand);padding:30px 16px 34px;position:relative}.bodem:before{content:"";background:radial-gradient(14px 12px at 14px 16px, var(--zand) 97%, transparent 100%) 0 0 / 28px 16px repeat-x;height:16px;position:absolute;top:-14px;left:0;right:0}.bodem-raster{grid-template-columns:minmax(0,1fr) minmax(0,380px);align-items:center;gap:34px 40px;display:grid}.docenten{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.bodem p{margin:0;font-weight:600}.bodem button{color:#3a2f1c;background:0 0;border:2px solid #3a2f1c;border-radius:12px;padding:9px 18px;font-weight:800}.bodem button:hover{color:var(--zand);background:#3a2f1c}.bodem .bodem-bron{margin-top:16px;font-size:.75rem}.bodem-bron a{color:inherit}.machinekamer{color:#eef6fb;background:radial-gradient(circle at calc(100% - 10px) 10px,#d9b36a 0 2.5px,#0000 3px),radial-gradient(circle at 10px calc(100% - 10px),#d9b36a 0 2.5px,#0000 3px),radial-gradient(circle at calc(100% - 10px) calc(100% - 10px),#d9b36a 0 2.5px,#0000 3px),radial-gradient(circle at 10px 10px,#d9b36a 0 2.5px,#0000 3px),linear-gradient(160deg,#24496a,#15304a);border-radius:16px;padding:18px 22px 20px;scroll-margin-top:40px;position:relative;box-shadow:inset 0 0 0 3px #b58b4c,0 14px 26px #3c280a47}.machinekamer:focus{outline:none}.machinekamer:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.patrijspoort{background:radial-gradient(circle at 35% 30%,#d8f0fb 0 12%,#5fb4cf 45%,#22648f);border:5px solid #b58b4c;border-radius:50%;width:44px;height:44px;position:absolute;top:-20px;right:22px;box-shadow:0 4px 10px #0000004d}.machinekamer h2{font:700 1.35rem/1.2 var(--schreef);color:#fff8ec;margin:0 0 8px}.machinekamer ul{margin:0 0 16px;padding:0;font-size:.95rem;list-style:none}.machinekamer li{margin:6px 0;padding-left:20px;position:relative}.machinekamer li:before{content:"";background:var(--goud);border-radius:50%;width:9px;height:9px;position:absolute;top:.45em;left:0;box-shadow:0 0 6px #ffc53db3}.machinekamer b{color:var(--goud)}.machinekamer-knoppen{flex-wrap:wrap;gap:10px;display:flex}.knop-api,.knop-platforms{border-radius:10px;padding:8px 16px;font-weight:800;text-decoration:none;display:inline-block}.knop-api{color:var(--inkt);background:var(--goud);box-shadow:0 3px #a87a10}.knop-api:hover{background:#ffd46b}.knop-platforms{color:#fff8ec;border:2px solid #fff8ecb3}.knop-platforms:hover{background:#ffffff1a}@media (width<=719px){body{font-size:16px}.zee{background:linear-gradient(to bottom, var(--lucht-boven), #cfe4f3);flex-direction:column;height:auto;min-height:0;max-height:none;display:flex}.zee-toneel{height:46svh;min-height:300px;position:relative;inset:auto}.zee-toneel:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#cfe4f3,#cfe4f300);height:28px;position:absolute;inset:0 0 auto}.kop{align-items:center;padding:12px 12px 0;position:static}.woordmerk{gap:8px;font-size:1.35rem}.woordmerk-bootje{width:32px;height:22px}.hoe summary{gap:7px;padding:4px 12px 4px 4px;font-size:.88rem}.reddingsboei{width:26px;height:26px}.panelen{width:auto;margin:40px 10px 12px;position:relative;top:auto;left:auto;transform:none}.wolk{border-radius:24px;padding:10px 12px}.panelen>.zee-balk{align-self:end;padding:7px 8px}.zee-balk .voorbeelden{margin:6px -8px 0;padding:0 8px 1px}.voorbeelden{margin:8px -12px 0;padding:0 12px 2px}.zonder3d{inset:10% 0 0}.wolk-opdracht{margin-bottom:7px;font-size:1rem}.wolk input{padding:7px 12px;font-size:1.05rem}.knop-gooi{padding:7px 14px}.knop-omhoog{padding:5px 11px;font-size:.88rem}.voorbeelden{gap:5px}.voorbeelden button{padding:2px 14px 2px 8px;font-size:.84rem}.diep{padding:36px 12px 60px}.diep h2{font-size:1.35rem}.fles{border-radius:18px;padding:8px}.knop-vis{width:100%;margin-left:0}.niveaus{justify-content:space-between;width:100%}.niveaus label{text-align:center;flex:1}.vel{background:linear-gradient(to right, transparent 26px, var(--kantlijn) 26px, var(--kantlijn) 28px, transparent 28px), repeating-linear-gradient(to bottom, var(--papier) 0 30px, var(--papier-lijn) 30px 32px);background-position:0 10px;padding:14px 14px 16px 40px}.bodem-raster{grid-template-columns:minmax(0,1fr)}.bodem{padding-bottom:40px}.dieper{background:#3f8cbb;border-radius:0;align-self:stretch;padding:6px 0 10px;position:relative;bottom:auto;left:auto;transform:none}.zee:after{display:none}.zee-toneel:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#3f8cbb00,#3f8cbb);height:28px;position:absolute;inset:auto 0 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}