{"id":9033,"date":"2026-10-07T20:25:37","date_gmt":"2026-10-07T20:25:37","guid":{"rendered":"http:\/\/www.be-bookable.com\/"},"modified":"2026-10-21T20:09:57","modified_gmt":"2026-10-21T20:09:57","slug":"sup-en-kanoverhuur","status":"publish","type":"post","link":"https:\/\/www.be-bookable.com\/nl\/huurcategorieen\/sup-en-kanoverhuur\/","title":{"rendered":"SUP- en kanoverhuur"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"9033\" class=\"elementor elementor-9033\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d463652 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"d463652\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\" data-no-translation=\"\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-31907da\" data-id=\"31907da\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-efba1b3 elementor-widget elementor-widget-html\" data-id=\"efba1b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&family=Poppins:wght@400;500;600;700&family=Roboto:wght@300;400;500&display=swap\" rel=\"stylesheet\"><style>:root{\n  --bb-petrol:#033F57;--bb-petrol-rand:#3A7D9A;--bb-knop-secundair:#C8D5DC;--bb-achtergrond:#F4F5F9;--bb-wit:#FFFFFF;\n  --bb-tekst:#131313;--bb-tekst-gedempt:#3F4A56;--bb-lijn:#E3E7EE;--bb-rood:#E94854;--bb-oranje:#EF8534;--bb-groen:#4E9D68;\n  --bb-font-kop:'Poppins',sans-serif;--bb-font-tekst:'Roboto',sans-serif;\n  \n  --shop-primary:#2A5C59;--shop-secondary:#2A5C59;--shop-range:#DCEBEA;\n  \n  --adm-deep:#004b68;--adm-foam:#f0f6f6;--adm-frost:#ddeaeb;--adm-dusk:#3d6878;--adm-silver:#afc8cd;\n  --adm-coral:#E84855;--adm-amber:#EE8434;--adm-sage:#4F9D69;--adm-font:'Inter',system-ui,sans-serif;\n}\n.bbv2 *{box-sizing:border-box}\n.bbv2{scroll-behavior:smooth}\n.bbv2{margin:0;background:var(--bb-achtergrond);color:var(--bb-tekst);font-family:var(--bb-font-tekst);font-weight:300;font-size:18px;line-height:1.6}\n.bbv2 a{color:var(--bb-petrol)}\n.bbv2 a:hover{color:var(--bb-petrol-rand)}\n.bbv2 h1,.bbv2 h2,.bbv2 h3{font-family:var(--bb-font-kop);color:var(--bb-petrol);margin:0}\n.bbv2 h1{font-size:clamp(36px,4.6vw,58px);line-height:1.1;font-weight:700}\n.bbv2 h2{font-size:clamp(28px,3.4vw,42px);line-height:1.15;font-weight:700}\n.bbv2 h3{font-size:24px;line-height:1.25;font-weight:600}\n.bbv2 p{margin:0}\n.bbv2 .wrap{max-width:1160px;margin:0 auto;padding:0 24px}\n.bbv2 section{padding:88px 0}\n.bbv2 .boven{font-family:var(--bb-font-kop);font-weight:600;font-size:14px;letter-spacing:.07em;text-transform:uppercase;color:var(--bb-petrol);margin-bottom:12px}\n.bbv2 .lead{margin-top:16px;max-width:640px}\n.bbv2 .knop{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 30px;border-radius:999px;border:2px solid var(--bb-petrol-rand);font-family:var(--bb-font-kop);font-weight:500;font-size:18px;text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s}\n.bbv2 .knop:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(3,63,87,.2)}\n.bbv2 .knop--primair{background:var(--bb-petrol);color:#fff}\n.bbv2 .knop--primair:hover{color:#fff}\n.bbv2 .knop--secundair{background:var(--bb-knop-secundair);color:var(--bb-petrol)}\n.bbv2 .knop--klein{min-height:44px;font-size:15px;padding:0 22px}\n.bbv2 button{font:inherit;white-space:normal;text-transform:none;letter-spacing:normal}\n.bbv2 :focus-visible{outline:3px solid var(--bb-oranje);outline-offset:2px}\n.bbv2 .stip{display:inline-block;width:10px;height:10px;flex-shrink:0}\n.bbv2 .stip--rood{background:var(--bb-rood)}\n.bbv2 .stip--oranje{background:var(--bb-oranje)}\n.bbv2 .stip--groen{background:var(--bb-groen)}\n.bbv2 .moment{display:flex;align-items:center;gap:8px;font-family:var(--bb-font-kop);font-weight:600;font-size:15px;color:var(--bb-petrol)}\n.bbv2 .kaart{background:#fff;border-radius:20px}\n.bbv2 .demo-noot{font-size:14px;color:var(--bb-tekst-gedempt);font-weight:400;line-height:1.5}\n.bbv2 [hidden]{display:none!important}\n.bbv2 table{margin:0;border:0}\n.bbv2 table td,.bbv2 table th,.bbv2 table tbody>tr>td,.bbv2 table tbody>tr>th,.bbv2 table tbody>tr:nth-child(odd)>td,.bbv2 table tbody>tr:nth-child(odd)>th{border:0;background:transparent;vertical-align:top}\n.bbv2 .rij>*,.bbv2 .hero-grid>*,.bbv2 .reken-grid>*,.bbv2 .stappen-grid>*,.bbv2 .adm-velden>*,.bbv2 .veld-rij>*{min-width:0}\n.bbv2 .adm-tabel,.bbv2 .adm-regels{word-break:break-word}\n.bbv2 .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}\n.bbv2 header.top{background:#fff;border-bottom:1px solid var(--bb-lijn);position:sticky;top:0;z-index:5}\n.bbv2 header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:12px;padding-bottom:12px}\n.bbv2 .logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--bb-font-kop);font-weight:700;font-size:20px;color:var(--bb-petrol)}\n.bbv2 .nav{display:flex;gap:28px;font-family:var(--bb-font-kop);font-size:15px;font-weight:500}\n.bbv2 .nav a{text-decoration:none;min-height:44px;display:flex;align-items:center}\n.bbv2 .nav-rechts{display:flex;align-items:center;gap:16px;font-family:var(--bb-font-kop);font-size:14px;font-weight:600}\n.bbv2 .hero{padding:64px 0 88px}\n.bbv2 .hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}\n.bbv2 .hero p.tekst{margin-top:20px;max-width:540px}\n.bbv2 .knoppen{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}\n.bbv2 .prijsregel{margin-top:16px;font-size:15px;color:var(--bb-tekst-gedempt);font-weight:400}\n.bbv2 .vergelijk{background:#fff;border-radius:20px;padding:20px;box-shadow:0 20px 50px rgba(3,63,87,.1)}\n.bbv2 .schakel{display:inline-flex;background:var(--bb-achtergrond);border-radius:999px;padding:4px;gap:4px;margin-bottom:16px}\n.bbv2 .schakel button{min-height:44px;padding:0 20px;border-radius:999px;border:0;cursor:pointer;font-family:var(--bb-font-kop);font-size:15px;font-weight:500;background:transparent;color:var(--bb-petrol)}\n.bbv2 .schakel button[aria-pressed=\"true\"]{background:var(--bb-petrol);color:#fff}\n.bbv2 .kopje{font-family:var(--bb-font-kop);font-weight:600;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--bb-tekst-gedempt);margin-bottom:10px}\n.bbv2 .mail-lijst{list-style:none;margin:0;padding:0;display:grid;gap:8px}\n.bbv2 .mail-lijst li{display:grid;grid-template-columns:72px 1fr;gap:10px;background:var(--bb-achtergrond);border-radius:10px;padding:9px 12px;font-size:14px;line-height:1.45;font-weight:400}\n.bbv2 .mail-lijst li.jij{background:#E7EEF2}\n.bbv2 .mail-lijst .t{font-family:var(--bb-font-kop);font-weight:500;color:var(--bb-tekst-gedempt);font-size:13px}\n.bbv2 .uitkomst{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}\n.bbv2 .uitkomst div{border-radius:10px;padding:10px;text-align:center;font-size:13px;font-weight:400}\n.bbv2 .uitkomst b{display:block;font-family:var(--bb-font-kop);font-size:22px;font-weight:600}\n.bbv2 .uitkomst.slecht div{background:#FCE8EA;color:#8F1D27}\n.bbv2 .uitkomst.goed div{background:#E3F1E8;color:#1F5136}\n.bbv2 .tijdlijn{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px;font-weight:400;line-height:1.45}\n.bbv2 .tijdlijn>li{background:var(--bb-achtergrond);border-radius:10px;padding:10px 12px}\n.bbv2 .tijdlijn .t{font-family:var(--bb-font-kop);font-weight:500;font-size:13px;color:var(--bb-tekst-gedempt);margin-right:6px}\n.bbv2 .adm-order{font-family:var(--adm-font);background:#fff;border:1px solid var(--adm-frost);border-radius:10px;padding:10px 12px;margin-top:8px}\n.bbv2 .adm-order .kop{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-weight:600;color:var(--adm-deep);font-size:14px}\n.bbv2 .badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--adm-font);font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px}\n.bbv2 .badge--oranje{background:#FDEBDC;color:#7A3D0A}\n.bbv2 .badge--groen{background:#E3F1E8;color:#1F5136}\n.bbv2 .badge--blauw{background:#E1EEF5;color:#0B4F6C}\n.bbv2 .badge--grijs{background:#E8EEF0;color:#2f4b57}\n.bbv2 .adm-regels{width:100%;border-collapse:collapse;margin-top:6px;font-size:13px}\n.bbv2 .adm-regels td{padding:3px 0}\n.bbv2 .adm-regels td:last-child{text-align:right;white-space:nowrap}\n.bbv2 .adm-regels tr.tot td{border-top:1px solid var(--adm-frost);font-weight:600;padding-top:6px}\n.bbv2 .bijschrift{margin-top:12px;font-size:13px;color:var(--bb-tekst-gedempt);font-weight:400}\n.bbv2 .momenten{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}\n.bbv2 .momenten article{background:#fff;border-radius:20px;padding:24px}\n.bbv2 .momenten h3{font-size:20px;margin:10px 0 8px}\n.bbv2 .momenten p{font-size:16px}\n.bbv2 .reken-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;margin-top:36px;align-items:start}\n.bbv2 .schuif{margin-bottom:22px}\n.bbv2 .schuif label{display:flex;justify-content:space-between;font-family:var(--bb-font-kop);font-weight:500;font-size:15px;color:var(--bb-petrol)}\n.bbv2 .schuif input{width:100%;accent-color:var(--bb-petrol);min-height:32px}\n.bbv2 .paneel{background:var(--bb-petrol);color:#fff;border-radius:20px;padding:28px}\n.bbv2 .paneel .klein{font-size:14px;opacity:.85;font-weight:400}\n.bbv2 .paneel .groot{font-family:var(--bb-font-kop);font-weight:700;font-size:44px;line-height:1.1;margin:4px 0 16px}\n.bbv2 .paneel .oranje{color:#FFB37A}\n.bbv2 .paneel hr{border:0;border-top:1px solid rgba(255,255,255,.2);margin:16px 0}\n.bbv2 .paneel .knop{margin-top:18px;background:#fff;color:var(--bb-petrol);border-color:#fff}\n.bbv2 .rij{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;background:#fff;border-radius:24px;padding:36px;margin-top:28px}\n.bbv2 .rij h3{margin:10px 0 12px}\n.bbv2 .rij p{font-size:17px}\n.bbv2 .rij .aansporing{margin-top:14px;font-family:var(--bb-font-kop);font-weight:500;font-size:15px;color:var(--bb-petrol)}\n.bbv2 .scherm{background:#fff;border:1px solid var(--bb-lijn);border-radius:16px;box-shadow:0 16px 40px rgba(3,63,87,.1);overflow:hidden}\n.bbv2 .scherm-balk{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#F1F3F6;border-bottom:1px solid var(--bb-lijn);font-family:var(--bb-font-kop);font-size:12px;color:var(--bb-tekst-gedempt)}\n.bbv2 .scherm-balk i{width:9px;height:9px;border-radius:50%;background:#D5DAE1;display:inline-block}\n.bbv2 .scherm-balk span{margin-left:6px;background:#fff;border-radius:6px;padding:2px 10px;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}\n.bbv2 .shop{font-family:'Poppins',sans-serif;font-weight:400;font-size:14px;color:#1d1d1d;line-height:1.45}\n.bbv2 .shop-head{background:var(--shop-primary);color:#fff;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;font-weight:500;font-size:15px}\n.bbv2 .shop-body{padding:16px}\n.bbv2 .shop h4{font-family:'Poppins',sans-serif;margin:0;color:var(--shop-primary);font-weight:500}\n.bbv2 .shop-titel{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}\n.bbv2 .shop-titel h4{font-size:20px}\n.bbv2 .shop-titel .prijs{font-size:16px;color:var(--shop-primary);font-weight:500;white-space:nowrap}\n.bbv2 .kal{border:1px solid var(--bb-lijn);border-radius:10px;overflow:hidden}\n.bbv2 .kal-kop{background:var(--shop-secondary);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:10px 14px;font-weight:500;font-size:13px}\n.bbv2 .kal-grid{display:grid;grid-template-columns:repeat(7,1fr);padding:6px 6px 8px;row-gap:2px}\n.bbv2 .kal-wd{text-align:center;font-size:11px;font-weight:500;color:#555;padding:4px 0}\n.bbv2 .dag{height:38px;border:0;padding:0;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}\n.bbv2 .dag span{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:13px;color:#1d1d1d}\n.bbv2 .dag:hover:not(:disabled) span{outline:1px solid var(--shop-primary)}\n.bbv2 .dag:disabled{cursor:default}\n.bbv2 .dag:disabled span{color:rgba(0,0,0,.33)}\n.bbv2 .dag.mid{background:var(--shop-range)}\n.bbv2 .dag.start{background:linear-gradient(90deg,transparent 50%,var(--shop-range) 50%)}\n.bbv2 .dag.eind{background:linear-gradient(90deg,var(--shop-range) 50%,transparent 50%)}\n.bbv2 .dag.start span,.bbv2 .dag.eind span,.bbv2 .dag.enkel span{background:var(--shop-primary);color:#fff;font-weight:500}\n.bbv2 .wis{background:none;border:0;padding:6px 0;color:var(--shop-primary);text-decoration:underline;cursor:pointer;font-size:13px;min-height:32px}\n.bbv2 .acc{border:1px solid var(--bb-lijn);border-radius:10px;padding:10px 14px;margin-top:10px}\n.bbv2 .acc h5{margin:0 0 6px;font-size:15px;font-weight:500;color:var(--shop-primary)}\n.bbv2 .acc label{display:flex;align-items:center;gap:8px;min-height:32px;cursor:pointer}\n.bbv2 .acc small{color:#555}\n.bbv2 .mand{display:flex;margin-top:10px;border:1px solid var(--bb-lijn);border-radius:8px;overflow:hidden}\n.bbv2 .mand input{width:64px;border:0;text-align:center;font:inherit;font-size:16px}\n.bbv2 .mand button{flex:1;min-height:46px;border:0;background:var(--shop-primary);color:#fff;font-weight:500;cursor:pointer}\n.bbv2 .mand button:disabled{background:#9aa3a8;cursor:not-allowed}\n.bbv2 .gegevens{margin-top:12px}\n.bbv2 .gegevens h5{margin:0 0 6px;font-size:16px;color:var(--shop-primary);font-weight:500}\n.bbv2 .gegevens dl{display:grid;grid-template-columns:1fr auto;margin:0;gap:2px 12px}\n.bbv2 .gegevens dt{font-weight:600}\n.bbv2 .gegevens dd{margin:0;text-align:right}\n.bbv2 .veld{display:block;background:#E8EBEF;border-bottom:1px solid #8a9199;border-radius:4px 4px 0 0;padding:6px 10px 5px;font-size:13px;margin-bottom:8px}\n.bbv2 .veld small{display:block;font-size:10px;color:#555}\n.bbv2 .veld-rij{display:grid;grid-template-columns:1fr 1fr;gap:8px}\n.bbv2 .shop h6{margin:12px 0 6px;font-family:'Poppins',sans-serif;font-size:15px;font-weight:600;color:var(--shop-primary)}\n.bbv2 .betaal{display:flex;align-items:center;gap:10px;border:1px solid var(--bb-lijn);border-radius:10px;padding:8px 12px;min-height:44px;margin-bottom:6px;cursor:pointer}\n.bbv2 .betaal:has(input:checked){border-color:var(--shop-primary);box-shadow:inset 0 0 0 1px var(--shop-primary)}\n.bbv2 .betaal .ico{margin-left:auto;font-size:11px;font-weight:600;border-radius:4px;padding:2px 6px;background:#F4F5F9}\n.bbv2 .akkoord{display:flex;gap:8px;align-items:flex-start;font-size:12px;margin:10px 0 4px;cursor:pointer}\n.bbv2 .akkoord a{color:inherit}\n.bbv2 .fout{color:#B00020;font-size:12px;min-height:16px}\n.bbv2 .shop-knoppen{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}\n.bbv2 .shop-knoppen button{min-height:44px;border-radius:6px;cursor:pointer}\n.bbv2 .shop-knoppen .terug{background:transparent;border:0;color:#333}\n.bbv2 .shop-knoppen .door{background:var(--shop-primary);border:0;color:#fff;font-weight:500}\n.bbv2 .overzicht{background:#F7F8FA;border:1px solid var(--bb-lijn);border-radius:10px;padding:10px 12px;font-size:13px}\n.bbv2 .overzicht table{width:100%;border-collapse:collapse}\n.bbv2 .overzicht td{padding:2px 0}\n.bbv2 .overzicht td:last-child{text-align:right;white-space:nowrap}\n.bbv2 .overzicht tr.tot td{border-top:1px solid var(--bb-lijn);font-weight:600;padding-top:6px}\n.bbv2 .wachten{text-align:center;padding:48px 16px}\n.bbv2 .spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--shop-range);border-top-color:var(--shop-primary);margin:0 auto 14px;animation:draai .9s linear infinite}\n@keyframes draai{to{transform:rotate(360deg)}}\n.bbv2 .bedankt h4{font-size:20px;margin-bottom:6px}\n.bbv2 .bedankt .partnertekst{background:#FFF8E6;border-left:3px solid var(--bb-oranje);padding:8px 10px;font-size:13px;margin:8px 0 12px}\n.bbv2 .onder-scherm{margin-top:14px;font-size:15px;font-weight:400;color:var(--bb-petrol);display:flex;gap:10px;align-items:flex-start}\n.bbv2 .adm{font-family:var(--adm-font);font-size:14px;color:#1b2b33;background:var(--adm-foam);line-height:1.45}\n.bbv2 .adm-body{padding:16px}\n.bbv2 .adm-kaart{background:#fff;border-radius:10px;border:1px solid var(--adm-frost)}\n.bbv2 .adm-kaart>h5{margin:0;padding:12px 16px;border-bottom:1px solid var(--adm-frost);font-size:14px;font-weight:600;color:var(--adm-deep);display:flex;justify-content:space-between}\n.bbv2 .adm-kaart .in{padding:14px 16px}\n.bbv2 .adm label.l,.bbv2 .adm .l{display:block;color:var(--adm-deep);font-size:13px;margin-bottom:4px}\n.bbv2 .adm .inp{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--adm-silver);border-radius:6px;min-height:38px;padding:0 10px;background:#fff;font-size:14px}\n.bbv2 .adm input.inp{width:100%;font:inherit}\n.bbv2 .adm .hulp{font-size:12px;color:var(--adm-dusk);margin-top:3px}\n.bbv2 .adm-velden{display:grid;grid-template-columns:1fr 1fr;gap:12px}\n.bbv2 .adm-sec{margin-top:14px}\n.bbv2 .stap-knop{display:flex;align-items:center;gap:6px}\n.bbv2 .stap-knop button{width:38px;height:38px;border-radius:6px;border:1px solid var(--adm-silver);background:#fff;color:var(--adm-deep);font-size:18px;cursor:pointer}\n.bbv2 .stap-knop button:disabled{color:#9bb0b6;cursor:not-allowed}\n.bbv2 .stap-knop output{min-width:44px;text-align:center;border:1px solid var(--adm-silver);border-radius:6px;min-height:38px;display:flex;align-items:center;justify-content:center;font-weight:500}\n.bbv2 .adm-tabel{width:100%;border-collapse:collapse;font-size:13px}\n.bbv2 .adm-tabel th{text-align:left;font-weight:500;color:var(--adm-dusk);font-size:12px;padding:6px 6px;border-bottom:1px solid var(--adm-frost)}\n.bbv2 .adm-tabel td{padding:7px 6px;border-bottom:1px solid var(--adm-frost)}\n.bbv2 .adm-knop{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:6px;border:1px solid var(--adm-deep);background:var(--adm-deep);color:#fff;font-weight:500;cursor:pointer;font-family:var(--adm-font);font-size:14px}\n.bbv2 .adm-knop--licht{background:#fff;color:var(--adm-deep)}\n.bbv2 .adm-melding{margin-top:10px;background:#E3F1E8;color:#1F5136;border-radius:6px;padding:8px 10px;font-size:13px}\n.bbv2 .koppel{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--adm-deep);font-weight:500}\n.bbv2 .vink{display:inline-flex;gap:6px;align-items:center;font-size:13px}\n.bbv2 .vink i{width:14px;height:14px;border-radius:3px;border:1px solid var(--adm-silver);display:inline-block}\n.bbv2 .vink i.aan{background:var(--adm-deep);border-color:var(--adm-deep)}\n.bbv2 .kleur{display:inline-block;width:22px;height:22px;border-radius:5px;vertical-align:middle;margin-right:6px}\n.bbv2 .toggle{display:inline-block;width:30px;height:16px;border-radius:999px;background:var(--adm-silver);position:relative;vertical-align:middle;margin-right:6px}\n.bbv2 .toggle::after{content:\"\";position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;top:2px;left:2px}\n.bbv2 .week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:6px}\n.bbv2 .week .dag{height:auto;flex-direction:column;padding:6px 0;border-radius:8px}\n.bbv2 .week .dag span{width:32px;height:32px}\n.bbv2 .week .wd{font-size:11px;color:#555}\n.bbv2 .oordeel{margin-top:12px;padding:12px 14px;border-radius:10px;font-weight:500;font-size:15px}\n.bbv2 .oordeel.bezet{background:#FCEBDD;color:#7A3D0A}\n.bbv2 .oordeel.vrij{background:#E3F1E8;color:#1F5136}\n.bbv2 .tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}\n.bbv2 .tabs button{min-height:44px;padding:0 16px;border-radius:999px;cursor:pointer;font-family:var(--bb-font-kop);font-size:14px;font-weight:500;border:2px solid var(--bb-knop-secundair);background:#fff;color:var(--bb-petrol)}\n.bbv2 .tabs button[aria-selected=\"true\"]{border-color:var(--bb-petrol);background:var(--bb-petrol);color:#fff}\n.bbv2 .mail{font-family:Arial,sans-serif;font-size:13px;line-height:1.5;background:#fff}\n.bbv2 .mail-kop{padding:10px 14px;border-bottom:1px solid var(--bb-lijn);font-size:12px;color:#555}\n.bbv2 .mail-kop b{color:#1d1d1d}\n.bbv2 .mail-body{padding:12px 14px}\n.bbv2 .mail table{width:100%;border-collapse:collapse;margin:6px 0}\n.bbv2 .mail th,.bbv2 .mail td{text-align:left;padding:3px 4px;border-bottom:1px solid #eee}\n.bbv2 .mail td:last-child,.bbv2 .mail th:last-child{text-align:right}\n.bbv2 .bijlage{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--bb-lijn);border-radius:6px;padding:3px 8px;font-size:12px;margin:6px 6px 0 0}\n.bbv2 .gif{margin:0;display:flex;justify-content:center}\n.bbv2 .gif img{display:block;max-width:100%;height:auto;border-radius:16px;border:1px solid var(--bb-lijn);box-shadow:0 16px 40px rgba(3,63,87,.1);background:#fff}\n.bbv2 .gif--staand img{max-height:620px;width:auto}\n.bbv2 .ook{margin-top:36px}\n.bbv2 .ook h3{font-size:20px}\n.bbv2 .chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;padding:0;list-style:none}\n.bbv2 .chips li{background:#fff;border:1px solid var(--bb-lijn);border-radius:999px;padding:8px 16px;font-size:15px;font-weight:400}\n.bbv2 .stappen-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:36px;align-items:start}\n.bbv2 .stappen{list-style:none;margin:0;padding:0;display:grid;gap:8px}\n.bbv2 .stappen button{transition:none;width:100%;color:var(--bb-tekst);display:flex;gap:16px;align-items:flex-start;text-align:left;padding:18px 20px;border-radius:16px;cursor:pointer;border:2px solid transparent;background:transparent}\n.bbv2 .stappen button[aria-selected=\"true\"]{border-color:var(--bb-petrol);background:#fff}\n.bbv2 .stappen .nr{width:36px;height:36px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--bb-font-kop);font-weight:600;background:var(--bb-knop-secundair);color:var(--bb-petrol)}\n.bbv2 .stappen button[aria-selected=\"true\"] .nr{background:var(--bb-petrol);color:#fff}\n.bbv2 .stappen strong{display:block;font-family:var(--bb-font-kop);font-weight:600;font-size:18px;color:var(--bb-petrol)}\n.bbv2 .stappen span.t{font-size:16px}\n.bbv2 .stappen-noot{margin-top:12px;font-size:15px;font-weight:400;color:var(--bb-tekst-gedempt);padding-left:20px}\n.bbv2 .prijsbalk{background:var(--bb-petrol);color:#fff;border-radius:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:36px}\n.bbv2 .prijsbalk b{display:block;font-family:var(--bb-font-kop);font-weight:700;font-size:34px;line-height:1.15}\n.bbv2 .prijsbalk span{font-size:15px;font-weight:400;opacity:.9}\n.bbv2 .winkels{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}\n.bbv2 .winkels a{display:block;background:#fff;border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;border:1px solid var(--bb-lijn)}\n.bbv2 .winkels .beeld{aspect-ratio:16\/10;background:#E6EFEE;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--bb-tekst-gedempt);font-weight:400}\n.bbv2 .winkels .tx{padding:16px 18px}\n.bbv2 .winkels strong{display:block;font-family:var(--bb-font-kop);font-weight:600;color:var(--bb-petrol)}\n.bbv2 .winkels small{font-size:15px;font-weight:400}\n.bbv2 details{background:#fff;border-radius:14px;margin-top:10px}\n.bbv2 summary{cursor:pointer;padding:16px 20px;font-family:var(--bb-font-kop);font-weight:600;color:var(--bb-petrol);min-height:44px;list-style-position:inside}\n.bbv2 details p{padding:0 20px 18px;font-size:17px}\n.bbv2 .slot{background:var(--bb-petrol);color:#fff;text-align:center}\n.bbv2 .slot h2{color:#fff}\n.bbv2 .slot .knoppen{justify-content:center}\n.bbv2 .slot .knop--primair{background:#fff;color:var(--bb-petrol);border-color:#fff}\n.bbv2 footer{background:#fff;padding:56px 0 24px;font-size:15px;font-weight:400}\n.bbv2 .foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}\n.bbv2 footer h4{font-family:var(--bb-font-kop);margin:0 0 10px;color:var(--bb-petrol);font-size:16px}\n.bbv2 footer ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}\n.bbv2 footer ul a{display:inline-flex;min-height:32px;align-items:center}\n.bbv2 .foot-onder{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid var(--bb-lijn);margin-top:32px;padding-top:16px;font-size:14px;color:var(--bb-tekst-gedempt)}\n@media (max-width:960px){.bbv2 .nav{display:none}\n.bbv2 .hero-grid,.bbv2 .reken-grid,.bbv2 .rij,.bbv2 .stappen-grid{grid-template-columns:1fr}\n.bbv2 .momenten,.bbv2 .winkels{grid-template-columns:1fr}\n.bbv2 .prijsbalk{grid-template-columns:1fr 1fr}\n.bbv2 .foot-grid{grid-template-columns:1fr}\n.bbv2 .rij{padding:22px}}\n@media (max-width:520px){.bbv2 section{padding:64px 0}\n.bbv2 .wrap{padding:0 16px}\n.bbv2 .logo .woord{display:none}\n.bbv2 .vergelijk{padding:14px}\n.bbv2 .schakel button{padding:0 12px;font-size:14px}\n.bbv2 .mail-lijst li{grid-template-columns:1fr;gap:0}\n.bbv2 .veld-rij,.bbv2 .adm-velden{grid-template-columns:1fr}\n.bbv2 .shop-body,.bbv2 .adm-body{padding:12px}\n.bbv2 .prijsbalk{padding:24px}\n.bbv2 .prijsbalk b{font-size:28px}}\n.bbv2 .hero-grid{align-items:stretch}\n.bbv2 .hero-tekst{display:flex;flex-direction:column;justify-content:space-between;gap:28px}\n.bbv2 .hero-rechts{display:flex;flex-direction:column}\n.bbv2 .vergelijk{flex:1;display:flex;flex-direction:column}\n.bbv2 .panelen{display:grid;flex:1}\n.bbv2 .panelen>[data-paneel]{grid-area:1\/1;display:flex;flex-direction:column}\n.bbv2 .panelen>[data-paneel].uit{visibility:hidden}\n.bbv2 .panelen .uitkomst{margin-top:auto;padding-top:14px}\n.bbv2 .vergelijk .bijschrift{margin:12px 0 0}\n.bbv2 .reken-grid{align-items:stretch}\n.bbv2 .schuiven{display:flex;flex-direction:column;justify-content:space-between}\n.bbv2 .schuiven .schuif{margin-bottom:0}\n@media (min-width:961px){.bbv2 .rij--om{grid-template-columns:1.1fr .9fr}\n.bbv2 .rij--om>figure{order:-1}}\n.bbv2 .functies{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0 24px}\n.bbv2 .functies a{display:flex;align-items:center;min-height:40px;border-bottom:1px solid var(--bb-lijn);font-size:15px;font-weight:400;text-decoration:none;color:var(--bb-petrol)}\n.bbv2 .functies a::after{content:\"\\2192\";margin-left:auto;padding-left:8px;opacity:.5}\n.bbv2 .functies a:hover{color:var(--bb-petrol-rand)}\n.bbv2 .stap-uitleg{display:none}\n.bbv2 .prijsbalk{margin-top:48px}\n.bbv2 .over-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center}\n.bbv2 .feiten{list-style:none;margin:0;padding:0;display:grid;gap:12px}\n.bbv2 .feiten li{background:var(--bb-achtergrond);border-radius:16px;padding:16px 20px}\n.bbv2 .feiten b{display:block;font-family:var(--bb-font-kop);font-weight:700;font-size:28px;color:var(--bb-petrol);line-height:1.2}\n.bbv2 .feiten span{font-size:15px;font-weight:400;color:var(--bb-tekst-gedempt)}\n@media (max-width:960px){.bbv2 .functies{grid-template-columns:1fr 1fr;gap:0 16px}\n.bbv2 .functies a{font-size:14px;min-height:44px}\n.bbv2 .over-grid{grid-template-columns:1fr;gap:28px}\n.bbv2 .stappen{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}\n.bbv2 .stappen button{flex-direction:column;align-items:center;text-align:center;gap:6px;padding:10px 4px;border-radius:12px;height:100%}\n.bbv2 .stappen strong{font-size:13px;line-height:1.25}\n.bbv2 .stappen span.t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}\n.bbv2 .stap-uitleg{display:block;margin-top:10px;font-size:15px;font-weight:400;padding:0 4px}\n.bbv2 .stappen-noot{display:none}\n.bbv2 .stappen-grid{gap:16px}}\n.bbv2 .vergelijk{padding:18px}\n.bbv2 .schakel{margin-bottom:12px}\n.bbv2 .kopje{margin-bottom:8px}\n.bbv2 .mail-lijst,.bbv2 .tijdlijn{gap:6px;align-content:start}\n.bbv2 .mail-lijst li,.bbv2 .tijdlijn>li{margin:0;padding:7px 12px;font-size:13.5px;line-height:1.4}\n.bbv2 .adm-order{margin-top:6px;padding:8px 10px}\n.bbv2 .uitkomst div{padding:8px}\n.bbv2 .uitkomst b{font-size:20px}\n.bbv2 .hero-tekst .knoppen{margin-top:0}\n@media (max-width:960px){.bbv2 .stappen li{min-width:0}\n.bbv2 .stappen button{min-width:0;width:100%}\n.bbv2 .stappen strong{font-size:12px;hyphens:manual}}\n.bbv2 .moment .echo{font-weight:400;color:var(--bb-tekst-gedempt);font-size:14px}\n.bbv2 .moment .echo::before{content:\"\\00b7\";margin:0 6px 0 2px}\n.bbv2 .momenten article{display:flex;flex-direction:column}\n.bbv2 .naar-oplossing{margin-top:auto;padding-top:14px;font-family:var(--bb-font-kop);font-weight:500;font-size:15px;min-height:44px;display:inline-flex;align-items:center}\n.bbv2 .naar-oplossing::after{content:\"\\2193\";margin-left:6px}\n.bbv2 .rij{scroll-margin-top:110px}\n.bbv2 p.functies{margin-top:10px;font-size:16px;font-weight:400;line-height:1.9;max-width:none}\n.bbv2 p.functies a{white-space:nowrap}\n.bbv2 .winkels .beeld{position:relative;aspect-ratio:16\/10;overflow:hidden;background:#E6EFEE}\n.bbv2 .winkels .beeld img:first-child{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}\n.bbv2 .winkels .beeld .logo{position:absolute;left:14px;bottom:-1px;width:64px;height:64px;border-radius:50%;background:#fff;border:3px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(40%)}\n.bbv2 .winkels .tx{padding:44px 18px 18px}\n.bbv2 .winkels .soort{display:block;font-size:14px;font-weight:500;color:var(--bb-tekst-gedempt);margin-bottom:4px}\n.bbv2 .feiten{align-content:center}\n.bbv2 p.functies{display:block}\n.bbv2 p.functies a{display:inline;min-height:0;border:0;font-size:inherit;color:var(--bb-petrol);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--bb-knop-secundair)}\n.bbv2 p.functies a::after{content:none}\n.bbv2 p.functies a:hover{text-decoration-color:currentColor}\n.bbv2 .winkels .kop{position:relative}\n.bbv2 .winkels .kop .logo{position:absolute;left:16px;bottom:-30px;width:64px;height:64px;border-radius:50%;background:#fff;border:3px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.15);transform:none;object-fit:cover}\n.bbv2 .panelen li{position:relative}\n.bbv2 .anim .panelen li,.bbv2 .anim .panelen .uitkomst div{opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease}\n.bbv2 .anim .panelen li.toon,.bbv2 .anim .panelen .uitkomst div.toon{opacity:1;transform:none}\n.bbv2 .anim .panelen li.typt{opacity:1;transform:none}\n.bbv2 .anim .panelen li.typt>*{visibility:hidden}\n.bbv2 .anim .panelen li.typt::after{content:\"\";position:absolute;left:14px;top:50%;width:34px;height:8px;margin-top:-4px;\n  background:radial-gradient(circle,var(--bb-tekst-gedempt) 3px,transparent 3.5px) 0 0\/12px 8px repeat-x;animation:typt 1s steps(3) infinite}\n@keyframes typt{0%{width:10px}100%{width:34px}}\n.bbv2 .meer-functies{display:none}\n.bbv2 .functies.open .meer-functies{display:inline}\n.bbv2 .meer-knop{border:0;background:none;padding:0 0 0 4px;font:inherit;font-family:var(--bb-font-kop);font-weight:500;font-size:15px;color:var(--bb-petrol);cursor:pointer;min-height:32px;text-decoration:underline;text-underline-offset:3px}\n.bbv2 .prijsbalk{margin-top:80px}\n.bbv2 .prijs-link{margin-top:14px;text-align:center;font-family:var(--bb-font-kop);font-weight:500;font-size:15px}\n.bbv2 .alle-functies{font-family:var(--bb-font-kop);font-weight:500;white-space:nowrap;text-decoration:none!important}\n.bbv2 .alle-functies::after{content:\" \\2192\"}\n.bbv2 .rij p a,.bbv2 details p a,.bbv2 .lead a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--bb-knop-secundair)}\n.bbv2 .rij p a:hover,.bbv2 details p a:hover{text-decoration-color:currentColor}\n.bbv2 .mini-rooster{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--adm-frost);border-radius:6px;overflow:hidden}\n.bbv2 .mini-dag{padding:6px 4px 8px;border-right:1px solid var(--adm-frost);text-align:center}\n.bbv2 .mini-dag:last-child{border-right:0}\n.bbv2 .mini-dag span{display:block;font-size:11px;color:var(--adm-dusk);text-align:left}\n.bbv2 .mini-dag b{display:block;font-size:15px;font-weight:600;color:var(--adm-sage)}\n.bbv2 #r-bb,.bbv2 .uitkomst b,.bbv2 .prijsbalk b{white-space:nowrap}\n.bbv2 .schuif input{min-height:44px}\n.bbv2 .over-grid p a{display:inline-flex;align-items:center;min-height:44px}\n@media (max-width:520px){.bbv2 .knoppen{flex-wrap:nowrap;gap:10px}\n.bbv2 .knoppen .knop{flex:1 1 0;min-width:0;padding:0 10px;min-height:50px;font-size:16px;white-space:nowrap}\n.bbv2 .slot .knoppen{max-width:420px;margin-left:auto;margin-right:auto}\n.bbv2 .schakel{display:flex;width:100%}\n.bbv2 .schakel button{flex:1 1 0;padding:0 6px;font-size:13px;white-space:nowrap}\n.bbv2 .vergelijk .kopje{font-size:11px;letter-spacing:.04em}\n.bbv2 .uitkomst{gap:6px}\n.bbv2 .uitkomst div{padding:8px 4px;font-size:12px}\n.bbv2 .uitkomst b{font-size:17px}\n.bbv2 .paneel .klein[style*=\"space-between\"]{align-items:baseline}\n.bbv2 .feiten li{padding:12px 16px}\n.bbv2 .feiten b{font-size:22px}\n.bbv2 .over-grid p[style*=\"flex-wrap\"]{gap:0 18px!important;margin-top:10px!important}}\n@media (max-width:370px){.bbv2 .knoppen .knop{font-size:15px;padding:0 8px}\n.bbv2 .schakel button{font-size:12px}}\n.bbv2 .adm-velden.drie{grid-template-columns:repeat(3,1fr)}\n.bbv2 .winkels .kop .winkel-logo{position:absolute;left:16px;bottom:-30px;width:64px;height:64px;border-radius:50%;background:#fff;border:3px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.15);object-fit:contain;padding:3px;box-sizing:border-box}\n@media (min-width:961px){.bbv2 .stappen-grid>div:first-child{position:sticky;top:124px;align-self:start}}\n@media (max-width:960px){.bbv2 .stappen-grid>div:first-child{display:contents}\n.bbv2 .stappen-grid .scherm{margin-top:4px}\n.bbv2 .stappen{position:sticky;top:65px;z-index:3;background:#fff;padding:8px 0;margin:-8px 0 0}\n.bbv2 .stap-uitleg{margin:0;padding:4px 4px 6px}\n.bbv2 .stappen button{padding:6px 2px;gap:4px}\n.bbv2 .stappen .nr{width:28px;height:28px;font-size:14px}\n.bbv2 .stappen strong{font-size:11.5px}}\n@media (prefers-reduced-motion:reduce){.bbv2 *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}\n.bbv2 .praktijk{margin-top:28px;border:1px solid var(--bb-lijn);border-radius:16px;overflow:hidden;background:#fff}\n.bbv2 .praktijk table{width:100%;border-collapse:collapse;font-size:16px;font-weight:400}\n.bbv2 .praktijk th{text-align:left;background:#EAF1F4;color:var(--bb-petrol);font-family:var(--bb-font-kop);font-weight:600;font-size:15px;padding:12px 16px}\n.bbv2 .praktijk td{padding:12px 16px;border-top:1px solid var(--bb-lijn)!important}\n.bbv2 .praktijk td:first-child{font-family:var(--bb-font-kop);font-weight:600;color:var(--bb-petrol);white-space:nowrap}\n.bbv2 .demo-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}\n.bbv2 .probeer{margin:18px 0 0;padding-left:20px;font-size:17px}\n.bbv2 .probeer li{margin-bottom:6px}\n.bbv2 .demo-grid .knoppen{margin-top:22px}\n.bbv2 .winkel-groot{display:block;border-radius:20px;overflow:hidden;border:1px solid var(--bb-lijn);box-shadow:0 16px 40px rgba(3,63,87,.1);background:#fff;text-decoration:none}\n.bbv2 .winkel-groot img{display:block;width:100%;height:auto}\n.bbv2 .winkel-groot span{display:block;padding:10px 16px;font-size:14px;color:var(--bb-tekst-gedempt);font-weight:400;border-top:1px solid var(--bb-lijn)}\n.bbv2 .past-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}\n.bbv2 .past{border-radius:20px;padding:24px 26px}\n.bbv2 .past h3{font-size:20px;margin-bottom:10px}\n.bbv2 .past ul{margin:0;padding-left:20px;font-size:17px}\n.bbv2 .past li{margin-bottom:6px}\n.bbv2 .past--ja{background:#E3F1E8}\n.bbv2 .past--nee{background:var(--bb-achtergrond)}\n.bbv2 .merk{white-space:nowrap}\n.bbv2 .hero{padding-top:28px}\n.bbv2 .kruimel{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-bottom:28px;font-size:14px;font-weight:400;color:var(--bb-tekst-gedempt)}\n.bbv2 .kruimel a{color:var(--bb-tekst-gedempt);text-decoration:none}\n.bbv2 .kruimel a:hover{color:var(--bb-petrol);text-decoration:underline}\n.bbv2 .kruimel span{opacity:.5}\n.bbv2 .kruimel b{font-weight:500;color:var(--bb-petrol)}\n.bbv2 .naar-wens{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;font-family:var(--bb-font-kop);font-weight:500;font-size:15px}\n.bbv2 .naar-wens::after{content:\"\\2193\";margin-left:6px}\n.bbv2 .wens{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:20px;background:var(--bb-achtergrond);border:2px dashed var(--bb-knop-secundair);border-radius:20px;padding:28px 32px;scroll-margin-top:110px}\n.bbv2 .wens h3{font-size:22px;margin-bottom:6px}\n.bbv2 .wens p{font-size:17px}\n.bbv2 .wens .knop{flex-shrink:0}\n@media (max-width:700px){.bbv2 .wens{flex-direction:column;align-items:flex-start;padding:22px}}\n.bbv2 .gif--staand img{max-height:560px}\n.bbv2 h1,.bbv2 h2,.bbv2 h3{text-wrap:balance}\n.bbv2 p,.bbv2 li,.bbv2 summary{text-wrap:pretty}\n.bbv2 .niche-tx span,.bbv2 .voordelen p,.bbv2 .winkels small{text-wrap:pretty}\n@media (max-width:960px){.bbv2 .demo-grid,.bbv2 .past-grid{grid-template-columns:1fr}}\n@media (max-width:520px){.bbv2 p.functies a{white-space:normal}\n.bbv2 .prijsbalk b{white-space:normal;font-size:24px}}\n@media (max-width:700px){.bbv2 .praktijk thead{display:none}\n.bbv2 .praktijk table,.bbv2 .praktijk tbody,.bbv2 .praktijk tr,.bbv2 .praktijk td{display:block;width:auto}\n.bbv2 .praktijk tr{padding:14px 16px;border-top:1px solid var(--bb-lijn)}\n.bbv2 .praktijk tr:first-child{border-top:0}\n.bbv2 .praktijk td{padding:2px 0;border:0!important;white-space:normal!important}\n.bbv2 .praktijk td[data-label]::before{content:attr(data-label) \": \";font-weight:500;color:var(--bb-tekst-gedempt)}}\n.bbv2 section[style*=\"#fff\"] details{background:var(--bb-achtergrond)}\n.bbv2 .niches{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}\n.bbv2 .niche{display:flex;flex-direction:column;background:#fff;border:1px solid var(--bb-lijn);border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s}\n.bbv2 .niche:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(3,63,87,.12)}\n.bbv2 .niche img{display:block;width:100%;height:220px;object-fit:cover;flex:none}\n.bbv2 .niche-tx{display:flex;flex-direction:column;gap:8px;padding:20px 22px 22px;flex:1}\n.bbv2 .niche-tx strong{font-family:var(--bb-font-kop);font-weight:600;font-size:21px;color:var(--bb-petrol)}\n.bbv2 .niche-tx span{font-size:16px;font-weight:400}\n.bbv2 .niche-tx em{margin-top:auto;padding-top:6px;font-style:normal;font-family:var(--bb-font-kop);font-weight:500;font-size:15px;color:var(--bb-petrol)}\n.bbv2 .niche-tx em::after{content:\"\\2192\";margin-left:6px}\n.bbv2 .niche--anders{background:var(--bb-achtergrond);border:2px dashed var(--bb-knop-secundair);justify-content:center}\n@media (max-width:700px){.bbv2 .niches{grid-template-columns:1fr}}\n.bbv2 section{margin:0;scroll-margin-top:110px}.bbv2 img{max-width:100%}<\/style><script type=\"application\/ld+json\">{\"@context\": \"https:\/\/schema.org\", \"@type\": \"FAQPage\", \"mainEntity\": [{\"@type\": \"Question\", \"name\": \"Kunnen klanten een SUP per uur huren?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Ja. Je geeft elk board een of meer huurprijzen, zoals 1 uur, een dagdeel van 4 uur of een hele dag. Bij een prijs per uur kiest de klant een starttijd uit de tijdsloten binnen je openingstijden.\"}}, {\"@type\": \"Question\", \"name\": \"Wat kost Be-Bookable?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Starten is gratis en je eerste 100 orders kosten niets. Daarna betaal je \u20ac 19,99 per maand, exclusief btw. Be-Bookable rekent geen commissie op je verhuur. Er is geen contract en je kunt elke maand stoppen.\"}}, {\"@type\": \"Question\", \"name\": \"Kan ik een zwemvest verplicht maken?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Ja. Per accessoire kies je of het optioneel of verplicht is. Een verplicht accessoire staat al aangevinkt en gaat altijd mee in de boeking, ook in je voorraad.\"}}, {\"@type\": \"Question\", \"name\": \"Kunnen klanten ophalen zonder dat ik er ben?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Ja. Zet ophaalcodes aan onder Integraties en plaats zelf een sleutelkluis of codeslot. De klant krijgt kort voor het ophalen een code, per mail en in zijn klantaccount. Je kiest een vaste code of een nieuwe code van 6 cijfers per order.\"}}, {\"@type\": \"Question\", \"name\": \"Wat doe ik bij slecht weer?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Be-Bookable annuleert niet automatisch. Je zet de order zelf op Geannuleerd, dan zijn de boards weer vrij, en je betaalt het bedrag terug via je Mollie-dashboard. Zet in je huurvoorwaarden wat je bij slecht weer doet.\"}}, {\"@type\": \"Question\", \"name\": \"Kan ik ook SUP-lessen of groepstochten aanbieden?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Ja, als product met een vaste duur, bijvoorbeeld een les van 2 uur, en een voorraad die gelijk is aan het aantal plekken. Klanten boeken dan per plek, tot de les vol zit.\"}}, {\"@type\": \"Question\", \"name\": \"Hoe betalen mijn klanten?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Online via Mollie, met de betaalmethodes die je in je eigen Mollie-account aanzet, zoals iDEAL, creditcard of PayPal. Je kunt ook een eigen betaaloptie aanbieden, zoals betalen bij ophalen.\"}}, {\"@type\": \"Question\", \"name\": \"Kan de webshop op mijn eigen website?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Ja. Je deelt de link naar je winkel, of je zet hem met een stukje code op je bestaande website, of die nu in WordPress, Shopify of iets anders is gebouwd.\"}}]}<\/script><div class=\"bbv2\"><!-- 1. HERO -->\n<section class=\"hero\" aria-labelledby=\"h1\">\n <div class=\"wrap\"><nav class=\"kruimel\" aria-label=\"Kruimelpad\"><a href=\"https:\/\/www.be-bookable.com\/nl\/\">Home<\/a><span>\/<\/span><a href=\"https:\/\/www.be-bookable.com\/nl\/huurcategorieen\/\">Huurcategorie\u00ebn<\/a><span>\/<\/span><a href=\"https:\/\/www.be-bookable.com\/nl\/huurcategorieen\/sport-en-vrije-tijd\/\">Sport en vrije tijd<\/a><span>\/<\/span><b aria-current=\"page\">SUP- en kanoverhuur<\/b><\/nav><\/div>\n <div class=\"wrap hero-grid\">\n  <div class=\"hero-tekst\">\n   <div>\n   <p class=\"boven\">Verhuursoftware voor SUP- en kanoverhuur<\/p>\n   <h1 id=\"h1\">Je SUP's en kano's online verhuurd, per uur of per dagdeel<\/h1>\n   <p class=\"tekst\">Met <span class=\"merk\">Be-Bookable<\/span> krijgt je SUP- en kanoverhuur een eigen webshop. Klanten kiezen een board of kano, een datum en een starttijd, en betalen direct online. Jij ziet de boeking binnenkomen en blijft gewoon aan het water.<\/p>\n   <\/div>\n   <div>\n   <div class=\"knoppen\">\n    <a class=\"knop knop--primair\" href=\"https:\/\/www.be-bookable.com\/nl\/aanmelden\/\">Start gratis<\/a>\n    <a class=\"knop knop--secundair\" href=\"#demo\">Bekijk de demo<\/a>\n   <\/div>\n   <p class=\"prijsregel\">Eerste 100 orders gratis \u00b7 Daarna <span data-prijs>\u20ac 19,99<\/span> per maand \u00b7 Geen contract<\/p>\n   <\/div>\n  <\/div>\n\n  <div class=\"hero-rechts\">\n   <div class=\"vergelijk\">\n    <div class=\"schakel\" role=\"group\" aria-label=\"Vergelijking\">\n     <button type=\"button\" data-view=\"zonder\" aria-pressed=\"true\">Zonder <span class=\"merk\">Be-Bookable<\/span><\/button>\n     <button type=\"button\" data-view=\"met\" aria-pressed=\"false\">Met <span class=\"merk\">Be-Bookable<\/span><\/button>\n    <\/div>\n    <div class=\"panelen\">\n    <div data-paneel=\"zonder\">\n     <p class=\"kopje\">WhatsApp \u00b7 Een zonnige zaterdag<\/p>\n     <ul class=\"mail-lijst\">\n      <li><span class=\"t\">za 09:58<\/span><span><b>Lisa:<\/b> Hoi! Hebben jullie om 11 uur nog 4 SUP's? We hebben een vrijgezellenfeest.<\/span><\/li>\n      <li class=\"jij\"><span class=\"t\">za 10:46<\/span><span><b>Jij:<\/b> Sorry, ik stond op het water met een groep! Ja, er zijn er nog 4. \u20ac 14 per uur.<\/span><\/li>\n      <li><span class=\"t\">za 10:48<\/span><span><b>Lisa:<\/b> Top. Kunnen we ergens onze telefoons droog houden?<\/span><\/li>\n      <li class=\"jij\"><span class=\"t\">za 11:20<\/span><span><b>Jij:<\/b> We hebben waterdichte tassen. Kom maar langs!<\/span><\/li>\n      <li><span class=\"t\">za 11:24<\/span><span><b>Lisa:<\/b> We zijn al bij de verhuur aan de overkant. Toch bedankt!<\/span><\/li>\n     <\/ul>\n     <div class=\"uitkomst slecht\"><div><b>5<\/b>berichten<\/div><div><b>86 min<\/b>doorlooptijd<\/div><div><b>\u20ac 0<\/b>omzet<\/div><\/div>\n    <\/div>\n    <div data-paneel=\"met\" class=\"uit\" aria-hidden=\"true\">\n     <p class=\"kopje\">Jouw partneromgeving \u00b7 Dezelfde vraag in je webshop<\/p>\n     <ol class=\"tijdlijn\">\n      <li><span class=\"t\">za 09:58<\/span>Lisa opent je webshop en ziet dat er om 11:00 nog SUP-boards vrij zijn.<\/li>\n      <li><span class=\"t\">za 10:01<\/span>Nieuwe bestelling binnen.\n       <div class=\"adm-order\">\n        <div class=\"kop\">#2071 \u00b7 Lisa Bakker <span class=\"badge badge--oranje\">\u25d4 In behandeling<\/span><span class=\"badge badge--groen\">\u2713 Betaald<\/span><\/div>\n        <table class=\"adm-regels\">\n         <tr><td>4\u00d7 SUP board beginner \u00b7 za 11:00 tot 12:00<\/td><td>\u20ac 56,00<\/td><\/tr>\n         <tr><td>Waterdichte tas, zelf aangevinkt<\/td><td>\u20ac 1,00<\/td><\/tr>\n         <tr class=\"tot\"><td>Totaal<\/td><td>\u20ac 57,00<\/td><\/tr>\n        <\/table>\n       <\/div>\n      <\/li>\n      <li><span class=\"t\">za 10:01<\/span>Mail naar Lisa met de bevestiging. De vier boards zijn van 11:00 tot 12:00 geblokkeerd voor anderen.<\/li>\n     <\/ol>\n     <div class=\"uitkomst goed\"><div><b>0<\/b>berichten<\/div><div><b>3 min<\/b>doorlooptijd<\/div><div><b>\u20ac 57<\/b>omzet<\/div><\/div>\n    <\/div>\n    <\/div>\n    <p class=\"bijschrift\">Voorbeeld van \u00e9\u00e9n vraag, twee keer verteld. Wissel met de knoppen erboven.<\/p>\n   <\/div>\n  <\/div>\n <\/div>\n<\/section><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-525fa39 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"525fa39\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\" data-no-translation=\"\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1714f9a\" data-id=\"1714f9a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-651be03 elementor-widget elementor-widget-html\" data-id=\"651be03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bbv2\"><!-- 2. DRIE MOMENTEN -->\n<section aria-labelledby=\"h-momenten\" style=\"padding-top:0\">\n <div class=\"wrap\">\n  <p class=\"boven\">Herkenbaar?<\/p>\n  <h2 id=\"h-momenten\">Drie momenten waarop je boards op de kant blijven<\/h2>\n  <div class=\"momenten\">\n   <article><p class=\"moment\"><span class=\"stip stip--rood\"><\/span>Zaterdag, 10:30 uur<\/p><h3>Jij staat op het water. Je telefoon zit in je tas.<\/h3><p>Midden in een tocht met een groep komen de appjes binnen: hebben jullie nog boards vrij? Wie geen antwoord krijgt, huurt bij de buren.<\/p><a class=\"naar-oplossing\" href=\"#oplossing-1\">Zo los je dat op<\/a><\/article>\n   <article><p class=\"moment\"><span class=\"stip stip--oranje\"><\/span>Zondag, 13:00 uur<\/p><h3>E\u00e9n Canadese kano, twee families.<\/h3><p>Jij zegde hem gisteren aan de telefoon toe, je collega vanochtend via Instagram. Nu staat er een gezin voor niets aan de steiger.<\/p><a class=\"naar-oplossing\" href=\"#oplossing-2\">Zo los je dat op<\/a><\/article>\n   <article><p class=\"moment\"><span class=\"stip stip--groen\"><\/span>Woensdagmiddag<\/p><h3>Het kinderboard is geboekt, het zwemvest niet.<\/h3><p>Pas aan de steiger blijkt dat niemand aan een zwemvest heeft gedacht. En je laatste kindervest is net mee met een andere groep.<\/p><a class=\"naar-oplossing\" href=\"#oplossing-3\">Zo los je dat op<\/a><\/article>\n  <\/div>\n <\/div>\n<\/section><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d2bf03e elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"d2bf03e\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\" data-no-translation=\"\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4571929\" data-id=\"4571929\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-165d675 elementor-widget elementor-widget-html\" data-id=\"165d675\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bbv2\"><!-- 3. REKENVOORBEELD -->\n<section aria-labelledby=\"h-reken\" style=\"background:#fff\">\n <div class=\"wrap\">\n  <p class=\"boven\">Rekenvoorbeeld<\/p>\n  <h2 id=\"h-reken\">Wat laat je per jaar liggen?<\/h2>\n  <p class=\"lead\">Vul je eigen inschatting in. Jij kent je drukke dagen het best.<\/p>\n  <div class=\"reken-grid\">\n   <div class=\"schuiven\">\n    <div class=\"schuif\"><label for=\"s-week\">Aanvragen per week <output id=\"o-week\">25<\/output><\/label><input id=\"s-week\" type=\"range\" min=\"1\" max=\"150\" step=\"1\" value=\"25\"><\/div>\n    <div class=\"schuif\"><label for=\"s-buiten\">Komt binnen als je op het water staat of dicht bent <output id=\"o-buiten\">50%<\/output><\/label><input id=\"s-buiten\" type=\"range\" min=\"0\" max=\"90\" step=\"5\" value=\"50\"><\/div>\n    <div class=\"schuif\"><label for=\"s-afhaak\">Haakt daarvan af voordat jij antwoordt <output id=\"o-afhaak\">30%<\/output><\/label><input id=\"s-afhaak\" type=\"range\" min=\"0\" max=\"100\" step=\"5\" value=\"30\"><\/div>\n    <div class=\"schuif\"><label for=\"s-order\">Gemiddelde orderwaarde <output id=\"o-order\">\u20ac 40<\/output><\/label><input id=\"s-order\" type=\"range\" min=\"10\" max=\"300\" step=\"5\" value=\"40\"><\/div>\n   <\/div>\n   <div class=\"paneel\" aria-live=\"polite\">\n    <p class=\"klein\">Gemiste boekingen per maand<\/p>\n    <p class=\"groot\" id=\"r-maand\">16<\/p>\n    <p class=\"klein\">Gemiste omzet per jaar<\/p>\n    <p class=\"groot oranje\" id=\"r-jaar\">\u20ac 7.800<\/p>\n    <hr>\n    <p class=\"klein\" style=\"display:flex;justify-content:space-between;gap:12px\"><span><span class=\"merk\">Be-Bookable<\/span> per jaar, na je eerste 100 orders<\/span><b id=\"r-bb\" data-prijs-jaar>\u20ac 239,88<\/b><\/p>\n    <p class=\"klein\" style=\"margin-top:8px\">Jouw inschatting, geen belofte. Zo zie je wat een paar extra verhuringen per maand opleveren.<\/p>\n    <a class=\"knop knop--klein\" href=\"#oplossing-1\">Zie hoe je dat terughaalt<\/a>\n   <\/div>\n  <\/div>\n <\/div>\n<\/section><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-01af18f elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"01af18f\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\" data-no-translation=\"\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ac2d113\" data-id=\"ac2d113\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9437760 elementor-widget elementor-widget-html\" data-id=\"9437760\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bbv2\"><!-- 4. ZO LOSSEN WE DAT OP -->\n<section id=\"functies\" aria-labelledby=\"h-oplossing\">\n <div class=\"wrap\">\n  <p class=\"boven\">Zo lossen we dat op<\/p>\n  <h2 id=\"h-oplossing\">Een webshop die verhuurt terwijl jij op het water staat<\/h2>\n  <p class=\"lead\" style=\"max-width:none\">Voor elk van die drie momenten zit er een functie in <span class=\"merk\">Be-Bookable<\/span>. Zo ziet dat eruit voor je klant.<\/p>\n\n  <div class=\"rij\" id=\"oplossing-1\">\n   <div>\n    <p class=\"moment\"><span class=\"stip stip--rood\"><\/span>Zaterdag, 10:30 uur<\/p>\n    <h3>Je klant boekt en betaalt zelf<\/h3>\n    <p><b>Je webshop beantwoordt de vraag \"zijn er nog boards vrij?\" zelf.<\/b> Je klant kiest een datum, een starttijd en het aantal boards, ziet meteen de totaalprijs en betaalt online. Jij hoeft niet terug te bellen vanaf de steiger.<\/p>\n    <p class=\"aansporing\">Zo ziet je klant het: datum, starttijd 10:00, twee SUP-boards, totaal \u20ac 28.<\/p>\n   <\/div>\n   <figure class=\"gif gif--staand\"><img loading=\"lazy\" src=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/supverhuur-hero-nl-stil.jpg\" data-gif=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/supverhuur-hero-nl.gif\" data-still=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/supverhuur-hero-nl-stil.jpg\" width=\"880\" height=\"1120\" alt=\"Productpagina van een SUP-board in de voorbeeldwinkel BlueDock: de klant kiest 17 oktober, de starttijd 10:00 tot 11:00 en twee boards, en het totaal wordt 28 euro\" loading=\"lazy\" decoding=\"async\" title=\"\"><\/figure>\n  <\/div>\n\n  <div class=\"rij rij--om\" id=\"oplossing-2\">\n   <div>\n    <p class=\"moment\"><span class=\"stip stip--oranje\"><\/span>Zondag, 13:00 uur<\/p>\n    <h3>E\u00e9n voorraad per tijdslot, dus nooit dubbel verhuurd<\/h3>\n    <p><b>Per board en per kano stel je in hoeveel je er hebt.<\/b> Elke boeking haalt ze voor die tijd uit de voorraad, of hij nu via de webshop binnenkomt of door jou wordt ingevoerd voor iemand aan de steiger. Wil je na elke verhuur tijd om af te spoelen en te laten drogen? Dan telt die tijd ook mee.<\/p>\n    <p class=\"aansporing\">Zo ziet je klant het: de kano is 's ochtends al verhuurd, dus hij kiest 13:00.<\/p>\n   <\/div>\n   <figure class=\"gif gif--staand\"><img loading=\"lazy\" src=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/supverhuur-tandem-nl-stil.jpg\" data-gif=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/supverhuur-tandem-nl.gif\" data-still=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/supverhuur-tandem-nl-stil.jpg\" width=\"880\" height=\"1120\" alt=\"Productpagina van een Canadese kano: de starttijden van 09:00 tot 12:00 staan op volgeboekt, de klant kiest 13:00 tot 17:00\" loading=\"lazy\" decoding=\"async\" title=\"\"><\/figure>\n  <\/div>\n\n  <div class=\"rij\" id=\"oplossing-3\">\n   <div>\n    <p class=\"moment\"><span class=\"stip stip--groen\"><\/span>Woensdagmiddag<\/p>\n    <h3>Een zwemvest bij elke kinderboeking<\/h3>\n    <p><b>Per accessoire bepaal je of het optioneel of verplicht is.<\/b> Bij het kinderboard zet je het kinderzwemvest op verplicht. Dan zit het in elke boeking en telt het mee in je voorraad. Bij de andere boards kiest de klant zelf een zwemvest of drybag.<\/p>\n    <p class=\"aansporing\">Zo ziet je klant het: het kinderzwemvest staat al aangevinkt en gaat altijd mee.<\/p>\n   <\/div>\n   <figure class=\"gif gif--staand\"><img loading=\"lazy\" src=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/supverhuur-acc-nl-stil.jpg\" data-gif=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/supverhuur-acc-nl.gif\" data-still=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/supverhuur-acc-nl-stil.jpg\" width=\"880\" height=\"1120\" alt=\"Kinder-SUP-board met het aanbevolen accessoire Zwemvest kind, dat al is aangevinkt met de melding dat het een verplicht accessoire is\" loading=\"lazy\" decoding=\"async\" title=\"\"><\/figure>\n  <\/div>\n <\/div>\n<\/section><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b482c3c elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"b482c3c\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\" data-no-translation=\"\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-00f8724\" data-id=\"00f8724\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2ee545d elementor-widget elementor-widget-html\" data-id=\"2ee545d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bbv2\"><!-- 5. IN DE PRAKTIJK -->\n<section aria-labelledby=\"h-praktijk\" style=\"background:#fff\">\n <div class=\"wrap\">\n  <p class=\"boven\">In de praktijk<\/p>\n  <h2 id=\"h-praktijk\">Zo richten SUP- en kanoverhuurders het in<\/h2>\n  <p class=\"lead\" style=\"max-width:none\">Elke verhuur aan het water is anders. Dit zijn veelgebruikte instellingen.<\/p>\n  <div class=\"praktijk\">\n   <table>\n    <thead><tr><th>Wat je verhuurt<\/th><th>Huurprijzen<\/th><th>Handig om in te stellen<\/th><\/tr><\/thead>\n    <tbody>\n     <tr><td>SUP-boards<\/td><td data-label=\"Huurprijzen\">Per uur en per dagdeel<\/td><td data-label=\"Handig om in te stellen\">Open van 9:00 tot 19:00, zodat klanten binnen je tijden starten<\/td><\/tr>\n     <tr><td>Kajaks<\/td><td data-label=\"Huurprijzen\">Per uur, voor \u00e9\u00e9n of twee personen<\/td><td data-label=\"Handig om in te stellen\">Tijd na elke verhuur om af te spoelen en te drogen<\/td><\/tr>\n     <tr><td>Canadese kano's<\/td><td data-label=\"Huurprijzen\">Een vast blok van 4 uur<\/td><td data-label=\"Handig om in te stellen\">E\u00e9n product per type, met een eigen voorraad<\/td><\/tr>\n     <tr><td>Kinderboards<\/td><td data-label=\"Huurprijzen\">Per uur<\/td><td data-label=\"Handig om in te stellen\">Het kinderzwemvest als verplicht accessoire<\/td><\/tr>\n     <tr><td>Zwemvesten en drybags<\/td><td data-label=\"Huurprijzen\">Als accessoire bij het board<\/td><td data-label=\"Handig om in te stellen\">Per accessoire optioneel of verplicht<\/td><\/tr>\n     <tr><td>Zonnebrand en drinkflessen<\/td><td data-label=\"Huurprijzen\">Als verkoopartikel, zonder huurperiode<\/td><td data-label=\"Handig om in te stellen\">Komt naast de huur in de winkelwagen<\/td><\/tr>\n    <\/tbody>\n   <\/table>\n  <\/div>\n  <div class=\"ook\">\n   <h3>Dit zit er ook in<\/h3>\n   <p class=\"functies\"><a href=\"https:\/\/www.be-bookable.com\/nl\/functies\/flexibele-boekingsmogelijkheden\/\">Huurprijzen per uur, dagdeel of dag<\/a>, <a href=\"https:\/\/www.be-bookable.com\/nl\/functies\/boekingsblokken\/\">Voorbereidingstijd tussen verhuringen<\/a>, <a href=\"https:\/\/www.be-bookable.com\/nl\/functies\/openingstijden\/\">Openingstijden en sluitingsdagen<\/a>, <a href=\"https:\/\/www.be-bookable.com\/nl\/functies\/accessoires-aanbevelen\/\">Aanbevolen accessoires<\/a>, <a href=\"https:\/\/www.be-bookable.com\/nl\/functies\/orderbeheer\/\">Orders als tabel, kalender of workflowbord<\/a>, <a href=\"https:\/\/www.be-bookable.com\/nl\/functies\/klantmails\/\">Klantmails per orderstatus<\/a>, <a href=\"https:\/\/www.be-bookable.com\/nl\/functies\/winkelpersonalisatie\/\">Je eigen logo en kleuren<\/a>, <a href=\"https:\/\/www.be-bookable.com\/nl\/integraties\/zelfgehost-cms\/\">De webshop op je eigen website<\/a>. <a class=\"alle-functies\" href=\"https:\/\/www.be-bookable.com\/nl\/features\/\">Bekijk alle functies<\/a><\/p>\n  <\/div>\n <\/div>\n<\/section><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bcf7f5a elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"bcf7f5a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\" data-no-translation=\"\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6a28392\" data-id=\"6a28392\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dbd74c4 elementor-widget elementor-widget-html\" data-id=\"dbd74c4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bbv2\"><!-- 6. VOORBEELDWINKEL -->\n<section id=\"demo\" aria-labelledby=\"h-demo\">\n <div class=\"wrap\">\n  <div class=\"demo-grid\">\n   <div>\n    <p class=\"boven\">Kijk zelf rond<\/p>\n    <h2 id=\"h-demo\">Doe een proefboeking bij BlueDock<\/h2>\n    <p class=\"lead\" style=\"max-width:none\">BlueDock is een voorbeeldwinkel die we met <span class=\"merk\">Be-Bookable<\/span> hebben gebouwd. Klik rond zoals jouw klant dat straks doet. Je hoeft niets af te rekenen.<\/p>\n    <ul class=\"probeer\">\n     <li>Kies een SUP-board en een starttijd<\/li>\n     <li>Kies een Canadese kano voor een dagdeel<\/li>\n     <li>Bekijk het kinderboard met het verplichte zwemvest<\/li>\n    <\/ul>\n    <div class=\"knoppen\"><a class=\"knop knop--primair\" href=\"https:\/\/shop.be-bookable.com\/bluedock\" target=\"_blank\" rel=\"noopener\">Open de voorbeeldwinkel<\/a><\/div>\n   <\/div>\n   <a class=\"winkel-groot\" href=\"https:\/\/shop.be-bookable.com\/bluedock\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" src=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/supverhuur-store-nl-scaled.jpg\" width=\"2640\" height=\"1484\" alt=\"Categorie SUP Boards in de voorbeeldwinkel BlueDock met prijzen per uur\" loading=\"lazy\" decoding=\"async\" title=\"\"><span>shop.be-bookable.com\/bluedock<\/span><\/a>\n  <\/div>\n  <div class=\"prijsbalk\" id=\"prijs\" role=\"group\" aria-label=\"Prijs\">\n   <div><b>\u20ac 0<\/b><span>om te starten<\/span><\/div>\n   <div><b>100 orders<\/b><span>gratis om te beginnen<\/span><\/div>\n   <div><b data-prijs>\u20ac 19,99<\/b><span>per maand daarna<\/span><\/div>\n   <div><b>0%<\/b><span>commissie op je verhuur<\/span><\/div>\n  <\/div>\n  <p class=\"prijs-link\">Geen contract en geen opstartkosten. Mollie rekent een eigen bedrag per betaling. <a href=\"https:\/\/www.be-bookable.com\/nl\/prijzen\/\">Bekijk de prijzen<\/a><\/p>\n <\/div>\n<\/section><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-49e8a9e elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"49e8a9e\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\" data-no-translation=\"\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3aa8e1a\" data-id=\"3aa8e1a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-130ccc1 elementor-widget elementor-widget-html\" data-id=\"130ccc1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bbv2\"><!-- 7. PAST HET -->\n<section aria-labelledby=\"h-past\" style=\"background:#fff\">\n <div class=\"wrap\">\n  <p class=\"boven\">Eerlijk is eerlijk<\/p>\n  <h2 id=\"h-past\">Past <span class=\"merk\">Be-Bookable<\/span> bij jouw SUP- of kanoverhuur?<\/h2>\n  <div class=\"past-grid\">\n   <div class=\"past past--ja\"><h3>Een goede keuze als je<\/h3><ul>\n    <li>boards, kajaks of kano's per uur, dagdeel of dag verhuurt<\/li>\n    <li>klanten online wilt laten boeken en betalen<\/li>\n    <li>je voorraad per type board of kano wilt bijhouden<\/li>\n    <li>zwemvesten en extra's wilt meeverhuren<\/li>\n   <\/ul><\/div>\n   <div class=\"past past--nee\"><h3>Nog niet geschikt als je nodig hebt<\/h3><ul>\n    \n    <li>automatisch annuleren en terugbetalen bij slecht weer<\/li>\n    <li>automatische herinneringsmails voor de inlevertijd<\/li>\n   <\/ul>\n   <a class=\"naar-wens\" href=\"#wens\">Mis je iets? Laat het ons weten<\/a><\/div>\n  <\/div>\n  <div class=\"wens\" id=\"wens\">\n   <div><h3>Mis je iets? Vertel het ons<\/h3>\n   <p>Geen idee is te gek: wat verhuurders vaak vragen, komt eerder op onze planning.<\/p><\/div>\n   <a class=\"knop knop--primair\" href=\"https:\/\/www.be-bookable.com\/nl\/contact\/\">Deel je wens<\/a>\n  <\/div>\n <\/div>\n<\/section><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a4b3dfe elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"a4b3dfe\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\" data-no-translation=\"\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-89b4d6c\" data-id=\"89b4d6c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5324300 elementor-widget elementor-widget-html\" data-id=\"5324300\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bbv2\"><!-- 8. OVER -->\n<section aria-labelledby=\"h-over\">\n <div class=\"wrap over-grid\">\n  <div>\n   <p class=\"boven\">Over <span class=\"merk\">Be-Bookable<\/span><\/p>\n   <h2 id=\"h-over\">Gemaakt door iemand die zelf verhuurt<\/h2>\n   <p class=\"lead\" style=\"max-width:none\"><span class=\"merk\">Be-Bookable<\/span> komt voort uit Goede Buur Silent Disco, het verhuurbedrijf van een van onze oprichters. Daar draait het systeem sinds het begin: de klant boekt en betaalt zelf, en de voorraad klopt altijd. Inmiddels gebruiken ook andere verhuurbedrijven het.<\/p>\n  <\/div>\n  <ul class=\"feiten\">\n   <li><b>Sinds 2019<\/b><span>zelf verhuurder van silent disco sets<\/span><\/li>\n   <li><b>4,7 \/ 5<\/b><span>Goede Buur op Trustpilot, uit ruim 245 reviews<\/span><\/li>\n   <li><b>Sinds 2025<\/b><span>Verhuursoftware voor andere verhuurbedrijven<\/span><\/li>\n  <\/ul>\n <\/div>\n<\/section><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e9a3851 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"e9a3851\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\" data-no-translation=\"\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3fbcbf1\" data-id=\"3fbcbf1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-73f91ad elementor-widget elementor-widget-html\" data-id=\"73f91ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bbv2\"><!-- 9. VRAGEN -->\n<section aria-labelledby=\"h-faq\" style=\"background:#fff\">\n <div class=\"wrap\" style=\"max-width:860px\">\n  <h2 id=\"h-faq\">Vragen van SUP- en kanoverhuurders<\/h2>\n  <div style=\"margin-top:24px\">\n   <details><summary>Kunnen klanten een SUP per uur huren?<\/summary><p>Ja. Je geeft elk board een of meer huurprijzen, zoals 1 uur, een dagdeel van 4 uur of een hele dag. Bij een prijs per uur kiest de klant een starttijd uit de tijdsloten binnen je openingstijden.<\/p><\/details>\n   <details><summary>Wat kost <span class=\"merk\">Be-Bookable<\/span>?<\/summary><p>Starten is gratis en je eerste 100 orders kosten niets. Daarna betaal je <span data-prijs>\u20ac 19,99<\/span> per maand, exclusief btw. <span class=\"merk\">Be-Bookable<\/span> rekent geen commissie op je verhuur. Er is geen contract en je kunt elke maand stoppen.<\/p><\/details>\n   <details><summary>Kan ik een zwemvest verplicht maken?<\/summary><p>Ja. Per accessoire kies je of het optioneel of verplicht is. Een verplicht accessoire staat al aangevinkt en gaat altijd mee in de boeking, ook in je voorraad.<\/p><\/details>\n   <details><summary>Kunnen klanten ophalen zonder dat ik er ben?<\/summary><p>Ja. Zet ophaalcodes aan onder Integraties en plaats zelf een sleutelkluis of codeslot. De klant krijgt kort voor het ophalen een code, per mail en in zijn klantaccount. Je kiest een vaste code of een nieuwe code van 6 cijfers per order.<\/p><\/details>\n   <details><summary>Wat doe ik bij slecht weer?<\/summary><p><span class=\"merk\">Be-Bookable<\/span> annuleert niet automatisch. Je zet de order zelf op Geannuleerd, dan zijn de boards weer vrij, en je betaalt het bedrag terug via je Mollie-dashboard. Zet in je huurvoorwaarden wat je bij slecht weer doet.<\/p><\/details>\n   <details><summary>Kan ik ook SUP-lessen of groepstochten aanbieden?<\/summary><p>Ja, als product met een vaste duur, bijvoorbeeld een les van 2 uur, en een voorraad die gelijk is aan het aantal plekken. Klanten boeken dan per plek, tot de les vol zit.<\/p><\/details>\n   <details><summary>Hoe betalen mijn klanten?<\/summary><p>Online via Mollie, met de betaalmethodes die je in je eigen Mollie-account aanzet, zoals iDEAL, creditcard of PayPal. Je kunt ook een eigen betaaloptie aanbieden, zoals betalen bij ophalen.<\/p><\/details>\n   <details><summary>Kan de webshop op mijn eigen website?<\/summary><p>Ja. Je deelt de link naar je winkel, of je zet hem met een stukje code op je bestaande website, of die nu in WordPress, Shopify of iets anders is gebouwd.<\/p><\/details>\n  <\/div>\n <\/div>\n<\/section><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ec137be elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"ec137be\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\" data-no-translation=\"\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1b4c667\" data-id=\"1b4c667\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-92944dc elementor-widget elementor-widget-html\" data-id=\"92944dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bbv2\"><!-- 10. OOK INTERESSANT -->\n<section aria-labelledby=\"h-ook\">\n <div class=\"wrap\">\n  <p class=\"boven\">Ook interessant<\/p>\n  <h2 id=\"h-ook\">Meer sport en vrije tijd<\/h2>\n  <div class=\"niches\">\n   <a class=\"niche\" href=\"https:\/\/www.be-bookable.com\/nl\/huurcategorieen\/fietsverhuur\/\">\n    <img loading=\"lazy\" src=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/fietsverhuur-kaart.jpg\" width=\"800\" height=\"800\" alt=\"Groene stadsfiets met bagagedrager\" loading=\"lazy\" decoding=\"async\" title=\"\">\n    <span class=\"niche-tx\"><strong>Fietsverhuur<\/strong><span>Stadsfietsen, e-bikes en tandems per uur of per dag, met een kinderzitje of helm erbij.<\/span><em>Naar fietsverhuur<\/em><\/span>\n   <\/a>\n   <a class=\"niche niche--anders\" href=\"https:\/\/www.be-bookable.com\/nl\/huurcategorieen\/sport-en-vrije-tijd\/\">\n    <span class=\"niche-tx\"><strong>Sport en vrije tijd<\/strong><span>Ski's, kampeerspullen, golfsets of iets anders? Zie hoe het werkt voor alle sport- en vrijetijdsverhuur.<\/span><em>Naar sport en vrije tijd<\/em><\/span>\n   <\/a>\n  <\/div>\n <\/div>\n<\/section><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ed979aa elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"ed979aa\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\" data-no-translation=\"\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-be17b59\" data-id=\"be17b59\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-68fc412 elementor-widget elementor-widget-html\" data-id=\"68fc412\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bbv2\"><!-- 11. SLOT -->\n<section class=\"slot\" aria-labelledby=\"h-slot\">\n <div class=\"wrap\">\n  <h2 id=\"h-slot\">Zet je SUP- en kanoverhuur vanavond nog online<\/h2>\n  <p style=\"margin-top:14px\">Aanmelden duurt twee minuten. Je eerste 100 orders zijn gratis.<\/p>\n  <div class=\"knoppen\">\n   <a class=\"knop knop--primair\" href=\"https:\/\/www.be-bookable.com\/nl\/aanmelden\/\">Start gratis<\/a>\n   <a class=\"knop knop--secundair\" href=\"#demo\">Bekijk de demo<\/a>\n  <\/div>\n <\/div>\n<\/section><\/div><script>\n(function(){\n  \/* ===== E\u00e9n plek voor de abonnementsprijs (zie BEVINDINGEN punt 1) ===== *\/\n  var PRIJS_PER_MAAND = 19.99;\n  var eur = function(n){ return '\u20ac ' + n.toFixed(2).replace('.', ','); };\n  var nl = function(n){ return Math.round(n).toLocaleString('nl-NL'); };\n  var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  var $ = function(s, r){ return (r || document).querySelector(s); };\n  var $$ = function(s, r){ return Array.prototype.slice.call((r || document).querySelectorAll(s)); };\n\n  \/* ===== Hero: elk verhaal speelt af als gesprek, de conclusies verschijnen pas daarna ===== *\/\n  var view = 'zonder', auto = !reduce, timers = [];\n  var vergelijk = $('.vergelijk');\n  function wis(){ timers.forEach(clearTimeout); timers = []; }\n  function na(ms, f){ timers.push(setTimeout(f, ms)); }\n  function speel(v, klaar){\n    var paneel = $('[data-paneel=\"' + v + '\"]');\n    var items = $$('li', paneel).filter(function(li){ return li.parentElement.matches('.mail-lijst, .tijdlijn'); });\n    var kaartjes = $$('.uitkomst div', paneel);\n    items.concat(kaartjes).forEach(function(e){ e.classList.remove('toon', 'typt'); });\n    \/\/ De pauze voor elk bericht hangt af van de echte tijd ertussen: 11 uur stilte duurt langer dan 3 minuten.\n    var DAG = { ma: 0, di: 1, wo: 2, do: 3, vr: 4, za: 5, zo: 6 }, vorige = null, t = 300;\n    items.forEach(function(li){\n      var m = (($('.t', li) || {}).textContent || '').match(\/(ma|di|wo|do|vr|za|zo) (\\d\\d):(\\d\\d)\/);\n      var minuten = null;\n      if (m) { minuten = DAG[m[1]] * 1440 + (+m[2]) * 60 + (+m[3]); if (vorige !== null && minuten < vorige) minuten += 7 * 1440; }\n      if (vorige !== null && minuten !== null) t += 1400 + Math.min(minuten - vorige, 900) * 1.0;\n      vorige = minuten;\n      na(t, function(){ li.classList.add('toon'); });\n    });\n    t += 1500;\n    kaartjes.forEach(function(k){ na(t, function(){ k.classList.add('toon'); }); t += 250; });\n    if (klaar) na(t + 3500, klaar);\n  }\n  function toonView(v, metAnimatie){\n    view = v;\n    $$('.schakel button').forEach(function(b){ b.setAttribute('aria-pressed', b.dataset.view === v ? 'true' : 'false'); });\n    $$('[data-paneel]').forEach(function(p){ var uit = p.dataset.paneel !== v; p.classList.toggle('uit', uit); p.setAttribute('aria-hidden', uit ? 'true' : 'false'); });\n    wis();\n    if (metAnimatie) speel(v, auto ? function(){ toonView(v === 'zonder' ? 'met' : 'zonder', true); } : null);\n  }\n  $$('.schakel button').forEach(function(b){ b.addEventListener('click', function(){ auto = false; toonView(b.dataset.view, !reduce); }); });\n  if (reduce) { toonView('met', false); }\n  else { vergelijk.classList.add('anim'); toonView('zonder', true); }\n\n\n  \/* ===== Gifs: speel alleen de gif die het meest in beeld is, de rest staat stil ===== *\/\n  (function(){\n    var figs = $$('.gif img[data-gif]');\n    if (!figs.length || reduce || !('IntersectionObserver' in window)) return;\n    \/\/ Imagify verpakt de afbeelding in <picture> met een webp-versie van het stilstaande beeld; die wint\n    \/\/ anders van img.src, waardoor de gif nooit zichtbaar wordt.\n    figs.forEach(function(img){ var pic = img.closest('picture'); if (pic) $$('source', pic).forEach(function(so){ so.remove(); }); });\n    var zicht = new Map(), actief = null;\n    function kies(){\n      var best = null, bestR = 0.35;\n      zicht.forEach(function(r, img){ if (r > bestR) { best = img; bestR = r; } });\n      if (best === actief) return;\n      if (actief) actief.src = actief.dataset.still;\n      actief = best;\n      if (actief) actief.src = actief.dataset.gif;\n    }\n    var io = new IntersectionObserver(function(es){ es.forEach(function(e){ zicht.set(e.target, e.intersectionRatio); }); kies(); }, { threshold: [0, .2, .35, .5, .65, .8, 1] });\n    figs.forEach(function(img){ io.observe(img); });\n  })();\n\n  \/* ===== Functies: Bekijk meer ===== *\/\n  var mk = $('.meer-knop');\n  if (mk) mk.addEventListener('click', function(){ var p = mk.closest('.functies'); var open = !p.classList.contains('open'); p.classList.toggle('open', open); mk.setAttribute('aria-expanded', open ? 'true' : 'false'); mk.textContent = open ? 'Minder tonen' : 'Bekijk meer'; });\n\n  \/* ===== Rekenvoorbeeld ===== *\/\n  function reken(){\n    var w = +$('#s-week').value, b = +$('#s-buiten').value, a = +$('#s-afhaak').value, o = +$('#s-order').value;\n    $('#o-week').textContent = w; $('#o-buiten').textContent = b + '%'; $('#o-afhaak').textContent = a + '%'; $('#o-order').textContent = '\u20ac ' + o;\n    var jaar = w * 52 * (b \/ 100) * (a \/ 100), maand = jaar \/ 12;\n    $('#r-maand').textContent = maand < 10 ? maand.toFixed(1).replace('.', ',') : nl(maand);\n    $('#r-jaar').textContent = '\u20ac ' + nl(jaar * o);\n  }\n  $$('.schuif input').forEach(function(i){ i.addEventListener('input', reken); });\n  reken();\n  $('#r-bb').textContent = eur(PRIJS_PER_MAAND * 12);\n\n  \/* ===== Tabs (vier stappen), met pijltjestoetsen ===== *\/\n  function tabs(lijstSel){\n    var knoppen = $$(lijstSel + ' [role=\"tab\"]');\n    function kies(k){\n      knoppen.forEach(function(b){\n        var aan = b === k;\n        b.setAttribute('aria-selected', aan ? 'true' : 'false');\n        b.tabIndex = aan ? 0 : -1;\n        document.getElementById(b.getAttribute('aria-controls')).hidden = !aan;\n        var u = $('.stap-uitleg'); if (aan && u && b.querySelector('.t')) u.textContent = b.querySelector('.t').textContent;\n      });\n    }\n    knoppen.forEach(function(b, i){\n      b.addEventListener('click', function(){\n        kies(b);\n        \/\/ Na een klik op een (sticky) stap: terug naar het begin van het gekozen scherm als je daar al voorbij was.\n        var grid = b.closest('.stappen-grid'); if (!grid) return;\n        var kop = window.matchMedia('(max-width:960px)').matches ? 65 + b.closest('.stappen').offsetHeight + 8 : 124;\n        var scherm = grid.querySelector('.scherm');\n        var top = scherm.getBoundingClientRect().top;\n        if (top < kop - 4) window.scrollTo({ top: window.scrollY + top - kop, behavior: reduce ? 'auto' : 'smooth' });\n      });\n      b.addEventListener('keydown', function(e){\n        var n = null;\n        if (e.key === 'ArrowRight' || e.key === 'ArrowDown') n = knoppen[(i + 1) % knoppen.length];\n        if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') n = knoppen[(i - 1 + knoppen.length) % knoppen.length];\n        if (n) { e.preventDefault(); kies(n); n.focus(); }\n      });\n    });\n  }\n  tabs('.stappen');\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Verhuur SUP-boards, kajaks en kano's online, per uur of per dagdeel.<\/p>","protected":false},"author":72,"featured_media":9026,"comment_status":"closed","ping_status":"","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"footnotes":""},"categories":[33],"tags":[],"bb_blog_topic":[],"bb_feature_group":[],"class_list":["post-9033","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-rental-categories"],"_links":{"self":[{"href":"https:\/\/www.be-bookable.com\/nl\/wp-json\/wp\/v2\/posts\/9033","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.be-bookable.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.be-bookable.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.be-bookable.com\/nl\/wp-json\/wp\/v2\/users\/72"}],"replies":[{"embeddable":true,"href":"https:\/\/www.be-bookable.com\/nl\/wp-json\/wp\/v2\/comments?post=9033"}],"version-history":[{"count":8,"href":"https:\/\/www.be-bookable.com\/nl\/wp-json\/wp\/v2\/posts\/9033\/revisions"}],"predecessor-version":[{"id":9134,"href":"https:\/\/www.be-bookable.com\/nl\/wp-json\/wp\/v2\/posts\/9033\/revisions\/9134"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.be-bookable.com\/nl\/wp-json\/wp\/v2\/media\/9026"}],"wp:attachment":[{"href":"https:\/\/www.be-bookable.com\/nl\/wp-json\/wp\/v2\/media?parent=9033"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.be-bookable.com\/nl\/wp-json\/wp\/v2\/categories?post=9033"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.be-bookable.com\/nl\/wp-json\/wp\/v2\/tags?post=9033"},{"taxonomy":"bb_blog_topic","embeddable":true,"href":"https:\/\/www.be-bookable.com\/nl\/wp-json\/wp\/v2\/bb_blog_topic?post=9033"},{"taxonomy":"bb_feature_group","embeddable":true,"href":"https:\/\/www.be-bookable.com\/nl\/wp-json\/wp\/v2\/bb_feature_group?post=9033"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}