{"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-und-kanuverleih","status":"publish","type":"post","link":"https:\/\/www.be-bookable.com\/de\/mietkategorien\/sup-und-kanuverleih\/","title":{"rendered":"SUP- und Kanuverleih"},"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-7ae0653 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"7ae0653\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\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-6852847\" data-id=\"6852847\" 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-30d4c09 elementor-widget elementor-widget-html\" data-id=\"30d4c09\" 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\": \"Can customers rent a SUP by the hour?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Yes. You give every board one or more rental prices, such as 1 hour, half a day of 4 hours or a whole day. With a price per hour, the customer picks a start time from the time slots within your opening hours.\"}}, {\"@type\": \"Question\", \"name\": \"What does Be-Bookable cost?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Getting started is free and your first 100 orders cost nothing. After that you pay \u20ac19.99 per month, excluding VAT. Be-Bookable takes no commission on your rentals. There is no contract and you can stop every month.\"}}, {\"@type\": \"Question\", \"name\": \"Can I make a life jacket required?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Yes. For each accessory you choose whether it is optional or required. A required accessory is already ticked and always goes into the booking, and into your stock.\"}}, {\"@type\": \"Question\", \"name\": \"Can customers pick up without me being there?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Yes. Switch on pickup codes under Integrations and set up a key safe or a code lock yourself. The customer gets a code shortly before pickup, by email and in their customer account. You choose a fixed code or a new 6-digit code per order.\"}}, {\"@type\": \"Question\", \"name\": \"What do I do in bad weather?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Be-Bookable does not cancel automatically. You set the order to Cancelled yourself, which frees up the boards, and you refund the amount in your Mollie dashboard. Put in your rental terms what you do in bad weather.\"}}, {\"@type\": \"Question\", \"name\": \"Can I also offer SUP lessons or group tours?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Yes, as a product with a fixed duration, for example a 2-hour lesson, and a stock equal to the number of places. Customers then book per place until the lesson is full.\"}}, {\"@type\": \"Question\", \"name\": \"How do my customers pay?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Online through Mollie, with the payment methods you switch on in your own Mollie account, such as iDEAL, credit card or PayPal. You can also offer your own payment option, such as paying at pickup.\"}}, {\"@type\": \"Question\", \"name\": \"Can the webshop go on my own website?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Yes. You share the link to your shop, or you add it to your existing website with a snippet of code, whether it is built in WordPress, Shopify or something else.\"}}]}<\/script><div class=\"bbv2\"><!-- 1. HERO -->\n<section class=\"hero\" aria-labelledby=\"h1\">\n <div class=\"wrap\"><nav class=\"kruimel\" aria-label=\"Breadcrumb\"><a href=\"https:\/\/www.be-bookable.com\/\">Home<\/a><span>\/<\/span><a href=\"https:\/\/www.be-bookable.com\/rental-categories\/\">Rental categories<\/a><span>\/<\/span><a href=\"https:\/\/www.be-bookable.com\/rental-categories\/sports-and-leisure\/\">Sports and leisure<\/a><span>\/<\/span><b aria-current=\"page\">SUP and canoe rental<\/b><\/nav><\/div>\n <div class=\"wrap hero-grid\">\n  <div class=\"hero-tekst\">\n   <div>\n   <p class=\"boven\">Rental software for SUP and canoe rental<\/p>\n   <h1 id=\"h1\">Rent out your SUPs and canoes online, by the hour or half day<\/h1>\n   <p class=\"tekst\">With <span class=\"merk\">Be-Bookable<\/span> your SUP and canoe rental gets its own webshop. Customers pick a board or canoe, a date and a start time, and pay online right away. You see the booking come in and simply stay by the water.<\/p>\n   <\/div>\n   <div>\n   <div class=\"knoppen\">\n    <a class=\"knop knop--primair\" href=\"https:\/\/www.be-bookable.com\/sign-up\/\">Start for free<\/a>\n    <a class=\"knop knop--secundair\" href=\"#demo\">View the demo<\/a>\n   <\/div>\n   <p class=\"prijsregel\">First 100 orders free \u00b7 Then <span data-prijs>\u20ac19.99<\/span> per month \u00b7 No contract<\/p>\n   <\/div>\n  <\/div>\n\n  <div class=\"hero-rechts\">\n   <div class=\"vergelijk\">\n    <div class=\"schakel\" role=\"group\" aria-label=\"Comparison\">\n     <button type=\"button\" data-view=\"zonder\" aria-pressed=\"true\">Without <span class=\"merk\">Be-Bookable<\/span><\/button>\n     <button type=\"button\" data-view=\"met\" aria-pressed=\"false\">With <span class=\"merk\">Be-Bookable<\/span><\/button>\n    <\/div>\n    <div class=\"panelen\">\n    <div data-paneel=\"zonder\">\n     <p class=\"kopje\">WhatsApp \u00b7 A sunny Saturday<\/p>\n     <ul class=\"mail-lijst\">\n      <li><span class=\"t\">Sat 09:58<\/span><span><b>Lisa:<\/b> Hi! Do you still have 4 SUPs at 11? It's for a hen party.<\/span><\/li>\n      <li class=\"jij\"><span class=\"t\">Sat 10:46<\/span><span><b>You:<\/b> Sorry, I was out on the water with a group! Yes, 4 left. \u20ac14 per hour.<\/span><\/li>\n      <li><span class=\"t\">Sat 10:48<\/span><span><b>Lisa:<\/b> Great. Is there a way to keep our phones dry?<\/span><\/li>\n      <li class=\"jij\"><span class=\"t\">Sat 11:20<\/span><span><b>You:<\/b> We have dry bags. Just come by!<\/span><\/li>\n      <li><span class=\"t\">Sat 11:24<\/span><span><b>Lisa:<\/b> We're already at the rental across the water. Thanks anyway!<\/span><\/li>\n     <\/ul>\n     <div class=\"uitkomst slecht\"><div><b>5<\/b>messages<\/div><div><b>86 min<\/b>lead time<\/div><div><b>\u20ac0<\/b>revenue<\/div><\/div>\n    <\/div>\n    <div data-paneel=\"met\" class=\"uit\" aria-hidden=\"true\">\n     <p class=\"kopje\">Your partner environment \u00b7 The same question in your webshop<\/p>\n     <ol class=\"tijdlijn\">\n      <li><span class=\"t\">Sat 09:58<\/span>Lisa opens your webshop and sees that SUP boards are still free at 11:00.<\/li>\n      <li><span class=\"t\">Sat 10:01<\/span>New order in.\n       <div class=\"adm-order\">\n        <div class=\"kop\">#2071 \u00b7 Lisa Bakker <span class=\"badge badge--oranje\">\u25d4 Processing<\/span><span class=\"badge badge--groen\">\u2713 Paid<\/span><\/div>\n        <table class=\"adm-regels\">\n         <tr><td>4\u00d7 SUP board beginner \u00b7 Sat 11:00 to 12:00<\/td><td>\u20ac56.00<\/td><\/tr>\n         <tr><td>Dry bag, ticked by Lisa<\/td><td>\u20ac1.00<\/td><\/tr>\n         <tr class=\"tot\"><td>Total<\/td><td>\u20ac57.00<\/td><\/tr>\n        <\/table>\n       <\/div>\n      <\/li>\n      <li><span class=\"t\">Sat 10:01<\/span>Email to Lisa with the confirmation. The four boards are blocked for others from 11:00 to 12:00.<\/li>\n     <\/ol>\n     <div class=\"uitkomst goed\"><div><b>0<\/b>messages<\/div><div><b>3 min<\/b>lead time<\/div><div><b>\u20ac57<\/b>revenue<\/div><\/div>\n    <\/div>\n    <\/div>\n    <p class=\"bijschrift\">One question, told twice. Switch with the buttons above.<\/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-16bcce7 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"16bcce7\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\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-9d6f036\" data-id=\"9d6f036\" 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-7f73bd0 elementor-widget elementor-widget-html\" data-id=\"7f73bd0\" 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\">Sound familiar?<\/p>\n  <h2 id=\"h-momenten\">Three moments when your boards stay on the shore<\/h2>\n  <div class=\"momenten\">\n   <article><p class=\"moment\"><span class=\"stip stip--rood\"><\/span>Saturday, 10:30<\/p><h3>You're on the water. Your phone is in your bag.<\/h3><p>In the middle of a tour with a group, the messages come in: do you still have boards free? Whoever gets no answer rents next door.<\/p><a class=\"naar-oplossing\" href=\"#oplossing-1\">How to solve it<\/a><\/article>\n   <article><p class=\"moment\"><span class=\"stip stip--oranje\"><\/span>Sunday, 13:00<\/p><h3>One Canadian canoe, two families.<\/h3><p>You promised it on the phone yesterday, your colleague promised it on Instagram this morning. Now a family stands on the jetty for nothing.<\/p><a class=\"naar-oplossing\" href=\"#oplossing-2\">How to solve it<\/a><\/article>\n   <article><p class=\"moment\"><span class=\"stip stip--groen\"><\/span>Wednesday afternoon<\/p><h3>The kids' board is booked, the life jacket isn't.<\/h3><p>Only at the jetty does it turn out nobody thought of a life jacket. And your last child's vest just left with another group.<\/p><a class=\"naar-oplossing\" href=\"#oplossing-3\">How to solve it<\/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-1a8f60e elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"1a8f60e\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\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-f708e10\" data-id=\"f708e10\" 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-b2a9dff elementor-widget elementor-widget-html\" data-id=\"b2a9dff\" 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\">Calculator<\/p>\n  <h2 id=\"h-reken\">What are you missing out on each year?<\/h2>\n  <p class=\"lead\">Fill in your own estimate. You know your busy days best.<\/p>\n  <div class=\"reken-grid\">\n   <div class=\"schuiven\">\n    <div class=\"schuif\"><label for=\"s-week\">Requests 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\">Come in while you are on the water or closed <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\">Of those, give up before you reply <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\">Average order value <output id=\"o-order\">\u20ac40<\/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\">Missed bookings per month<\/p>\n    <p class=\"groot\" id=\"r-maand\">16<\/p>\n    <p class=\"klein\">Missed revenue per year<\/p>\n    <p class=\"groot oranje\" id=\"r-jaar\">\u20ac7,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 year, after your first 100 orders<\/span><b id=\"r-bb\" data-prijs-jaar>\u20ac239.88<\/b><\/p>\n    <p class=\"klein\" style=\"margin-top:8px\">Your estimate, not a promise. It shows what a few extra rentals per month bring in.<\/p>\n    <a class=\"knop knop--klein\" href=\"#oplossing-1\">See how to win it back<\/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-a500776 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"a500776\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\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-6daf921\" data-id=\"6daf921\" 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-e3d1264 elementor-widget elementor-widget-html\" data-id=\"e3d1264\" 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\">How we solve it<\/p>\n  <h2 id=\"h-oplossing\">A webshop that rents out boards while you're on the water<\/h2>\n  <p class=\"lead\" style=\"max-width:none\">There is a feature in <span class=\"merk\">Be-Bookable<\/span> for each of those three moments. This is what it looks like for your customer.<\/p>\n\n  <div class=\"rij\" id=\"oplossing-1\">\n   <div>\n    <p class=\"moment\"><span class=\"stip stip--rood\"><\/span>Saturday, 10:30<\/p>\n    <h3>Your customer books and pays<\/h3>\n    <p><b>Your webshop answers \"are there boards free?\" by itself.<\/b> Your customer picks a date, a start time and the number of boards, sees the total price right away and pays online. You don't have to call back from the jetty.<\/p>\n    <p class=\"aansporing\">What your customer sees: a date, start time 10:00, two SUP boards, total \u20ac28.<\/p>\n   <\/div>\n   <figure class=\"gif gif--staand\"><img loading=\"lazy\" src=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/supverhuur-hero-en-stil.jpg\" data-gif=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/supverhuur-hero-en.gif\" data-still=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/supverhuur-hero-en-stil.jpg\" width=\"880\" height=\"1120\" alt=\"Product page of a SUP board in the BlueDock example shop: the customer picks 17 October, the start time 10:00 to 11:00 and two boards, and the total becomes 28 euros\" 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>Sunday, 13:00<\/p>\n    <h3>One stock per time slot, so never double booked<\/h3>\n    <p><b>For each board and canoe you set how many you have.<\/b> Every booking takes them out of stock for that time, whether it comes in through the webshop or you enter it for someone at the jetty. Want time after each rental to rinse and dry? That time counts too.<\/p>\n    <p class=\"aansporing\">What your customer sees: the canoe is already rented in the morning, so they pick 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-en-stil.jpg\" data-gif=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/supverhuur-tandem-en.gif\" data-still=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/supverhuur-tandem-en-stil.jpg\" width=\"880\" height=\"1120\" alt=\"Product page of a Canadian canoe: the start times from 09:00 to 12:00 are fully booked, the customer picks 13:00 to 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>Wednesday afternoon<\/p>\n    <h3>A life jacket with every kids' booking<\/h3>\n    <p><b>For each accessory you decide whether it is optional or required.<\/b> With the kids' board you make the child life jacket required. It is then part of every booking and counts in your stock. With the other boards, customers choose a life jacket or dry bag themselves.<\/p>\n    <p class=\"aansporing\">What your customer sees: the child life jacket is already ticked and always comes along.<\/p>\n   <\/div>\n   <figure class=\"gif gif--staand\"><img loading=\"lazy\" src=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/supverhuur-acc-en-stil.jpg\" data-gif=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/supverhuur-acc-en.gif\" data-still=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/supverhuur-acc-en-stil.jpg\" width=\"880\" height=\"1120\" alt=\"Kids&#039; SUP board with the recommended accessory Child life jacket, already ticked with the note that it is a required accessory\" 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-1dbb64b elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"1dbb64b\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\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-9141183\" data-id=\"9141183\" 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-a133cc0 elementor-widget elementor-widget-html\" data-id=\"a133cc0\" 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 practice<\/p>\n  <h2 id=\"h-praktijk\">How SUP and canoe rental businesses set it up<\/h2>\n  <p class=\"lead\" style=\"max-width:none\">Every rental by the water is different. These are common settings.<\/p>\n  <div class=\"praktijk\">\n   <table>\n    <thead><tr><th>What you rent out<\/th><th>Rental prices<\/th><th>Useful to set up<\/th><\/tr><\/thead>\n    <tbody>\n     <tr><td>SUP boards<\/td><td data-label=\"Rental prices\">Per hour and per half day<\/td><td data-label=\"Useful to set up\">Open 9:00 to 19:00, so customers start within your hours<\/td><\/tr>\n     <tr><td>Kayaks<\/td><td data-label=\"Rental prices\">Per hour, for one or two people<\/td><td data-label=\"Useful to set up\">Time after each rental to rinse and dry<\/td><\/tr>\n     <tr><td>Canadian canoes<\/td><td data-label=\"Rental prices\">A fixed block of 4 hours<\/td><td data-label=\"Useful to set up\">One product per type, with its own stock<\/td><\/tr>\n     <tr><td>Kids' boards<\/td><td data-label=\"Rental prices\">Per hour<\/td><td data-label=\"Useful to set up\">The child life jacket as a required accessory<\/td><\/tr>\n     <tr><td>Life jackets and dry bags<\/td><td data-label=\"Rental prices\">As an accessory<\/td><td data-label=\"Useful to set up\">Optional or required, per accessory<\/td><\/tr>\n     <tr><td>Sunscreen and water bottles<\/td><td data-label=\"Rental prices\">As a sale item, no rental period<\/td><td data-label=\"Useful to set up\">Goes into the cart next to the rental<\/td><\/tr>\n    <\/tbody>\n   <\/table>\n  <\/div>\n  <div class=\"ook\">\n   <h3>Also included<\/h3>\n   <p class=\"functies\"><a href=\"https:\/\/www.be-bookable.com\/features\/flexible-booking-slots\/\">Rental prices per hour, half day or day<\/a>, <a href=\"https:\/\/www.be-bookable.com\/features\/booking-blocks\/\">Preparation time between rentals<\/a>, <a href=\"https:\/\/www.be-bookable.com\/features\/opening-closing-times\/\">Opening hours and closing days<\/a>, <a href=\"https:\/\/www.be-bookable.com\/features\/recommend-accessories\/\">Recommended accessories<\/a>, <a href=\"https:\/\/www.be-bookable.com\/features\/order-management\/\">Orders as a table, calendar or workflow board<\/a>, <a href=\"https:\/\/www.be-bookable.com\/features\/customer-emails\/\">Customer emails per order status<\/a>, <a href=\"https:\/\/www.be-bookable.com\/features\/shop-personalisation\/\">Your own logo and colours<\/a>, <a href=\"https:\/\/www.be-bookable.com\/integrations\/self-hosted-cms\/\">The webshop on your own website<\/a>. <a class=\"alle-functies\" href=\"https:\/\/www.be-bookable.com\/features\/\">See all features<\/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-3e5462c elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"3e5462c\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\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-6b11c30\" data-id=\"6b11c30\" 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-8cb45f4 elementor-widget elementor-widget-html\" data-id=\"8cb45f4\" 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\">Have a look around<\/p>\n    <h2 id=\"h-demo\">Make a test booking at BlueDock<\/h2>\n    <p class=\"lead\" style=\"max-width:none\">BlueDock is an example shop we built with <span class=\"merk\">Be-Bookable<\/span>. Click around the way your customer will. You don't have to pay for anything.<\/p>\n    <ul class=\"probeer\">\n     <li>Pick a SUP board and a start time<\/li>\n     <li>Pick a Canadian canoe for half a day<\/li>\n     <li>See the kids' board with the required life jacket<\/li>\n    <\/ul>\n    <div class=\"knoppen\"><a class=\"knop knop--primair\" href=\"https:\/\/shop.be-bookable.com\/bluedock\" target=\"_blank\" rel=\"noopener\">Open the example shop<\/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-en-scaled.jpg\" width=\"2640\" height=\"1484\" alt=\"SUP Boards category in the BlueDock example shop with prices per hour\" 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=\"Price\">\n   <div><b>\u20ac0<\/b><span>to get started<\/span><\/div>\n   <div><b>100 orders<\/b><span>free to start with<\/span><\/div>\n   <div><b data-prijs>\u20ac19.99<\/b><span>per month after that<\/span><\/div>\n   <div><b>0%<\/b><span>commission on your rentals<\/span><\/div>\n  <\/div>\n  <p class=\"prijs-link\">No contract and no setup costs. Mollie charges its own fee per payment. <a href=\"https:\/\/www.be-bookable.com\/pricing\/\">See the pricing<\/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-7592d8a elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"7592d8a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\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-8cafc0e\" data-id=\"8cafc0e\" 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-bf81556 elementor-widget elementor-widget-html\" data-id=\"bf81556\" 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\">To be fair<\/p>\n  <h2 id=\"h-past\">Is <span class=\"merk\">Be-Bookable<\/span> right for your SUP or canoe rental?<\/h2>\n  <div class=\"past-grid\">\n   <div class=\"past past--ja\"><h3>A good fit if you<\/h3><ul>\n    <li>rent out boards, kayaks or canoes per hour, half day or day<\/li>\n    <li>want customers to book and pay online<\/li>\n    <li>want stock tracked per type of board or canoe<\/li>\n    <li>want to rent out life jackets and extras too<\/li>\n   <\/ul><\/div>\n   <div class=\"past past--nee\"><h3>Not yet right if you need<\/h3><ul>\n    \n    <li>automatic cancelling and refunds in bad weather<\/li>\n    <li>automatic reminder emails before the return time<\/li>\n   <\/ul>\n   <a class=\"naar-wens\" href=\"#wens\">Missing something? Let us know<\/a><\/div>\n  <\/div>\n  <div class=\"wens\" id=\"wens\">\n   <div><h3>Missing something? Tell us<\/h3>\n   <p>No idea is too crazy: what rental businesses ask for often moves up our roadmap.<\/p><\/div>\n   <a class=\"knop knop--primair\" href=\"https:\/\/www.be-bookable.com\/contact\/\">Share your wish<\/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-e21930e elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"e21930e\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\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-89600d2\" data-id=\"89600d2\" 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-dfcea9a elementor-widget elementor-widget-html\" data-id=\"dfcea9a\" 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\">About <span class=\"merk\">Be-Bookable<\/span><\/p>\n   <h2 id=\"h-over\">Made by someone who rents things out<\/h2>\n   <p class=\"lead\" style=\"max-width:none\"><span class=\"merk\">Be-Bookable<\/span> grew out of Goede Buur Silent Disco, the rental business of one of our founders. Customers there have booked and paid by themselves from day one, and the stock is always right. Today other rental businesses run on it too.<\/p>\n  <\/div>\n  <ul class=\"feiten\">\n   <li><b>Since 2019<\/b><span>renting out silent disco sets ourselves<\/span><\/li>\n   <li><b>4.7 \/ 5<\/b><span>Goede Buur on Trustpilot, from over 245 reviews<\/span><\/li>\n   <li><b>Since 2025<\/b><span>Rental software for other rental businesses<\/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-1c67e11 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"1c67e11\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\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-f22f467\" data-id=\"f22f467\" 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-94d60ac elementor-widget elementor-widget-html\" data-id=\"94d60ac\" 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\">Questions from SUP and canoe rental businesses<\/h2>\n  <div style=\"margin-top:24px\">\n   <details><summary>Can customers rent a SUP by the hour?<\/summary><p>Yes. You give every board one or more rental prices, such as 1 hour, half a day of 4 hours or a whole day. With a price per hour, the customer picks a start time from the time slots within your opening hours.<\/p><\/details>\n   <details><summary>What does <span class=\"merk\">Be-Bookable<\/span> cost?<\/summary><p>Getting started is free and your first 100 orders cost nothing. After that you pay <span data-prijs>\u20ac19.99<\/span> per month, excluding VAT. <span class=\"merk\">Be-Bookable<\/span> takes no commission on your rentals. There is no contract and you can stop every month.<\/p><\/details>\n   <details><summary>Can I make a life jacket required?<\/summary><p>Yes. For each accessory you choose whether it is optional or required. A required accessory is already ticked and always goes into the booking, and into your stock.<\/p><\/details>\n   <details><summary>Can customers pick up without me being there?<\/summary><p>Yes. Switch on pickup codes under Integrations and set up a key safe or a code lock yourself. The customer gets a code shortly before pickup, by email and in their customer account. You choose a fixed code or a new 6-digit code per order.<\/p><\/details>\n   <details><summary>What do I do in bad weather?<\/summary><p><span class=\"merk\">Be-Bookable<\/span> does not cancel automatically. You set the order to Cancelled yourself, which frees up the boards, and you refund the amount in your Mollie dashboard. Put in your rental terms what you do in bad weather.<\/p><\/details>\n   <details><summary>Can I also offer SUP lessons or group tours?<\/summary><p>Yes, as a product with a fixed duration, for example a 2-hour lesson, and a stock equal to the number of places. Customers then book per place until the lesson is full.<\/p><\/details>\n   <details><summary>How do my customers pay?<\/summary><p>Online through Mollie, with the payment methods you switch on in your own Mollie account, such as iDEAL, credit card or PayPal. You can also offer your own payment option, such as paying at pickup.<\/p><\/details>\n   <details><summary>Can the webshop go on my own website?<\/summary><p>Yes. You share the link to your shop, or you add it to your existing website with a snippet of code, whether it is built in WordPress, Shopify or something else.<\/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-52eb7a3 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"52eb7a3\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\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-c29f2bf\" data-id=\"c29f2bf\" 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-15b4626 elementor-widget elementor-widget-html\" data-id=\"15b4626\" 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\">Also interesting<\/p>\n  <h2 id=\"h-ook\">More sports and leisure<\/h2>\n  <div class=\"niches\">\n   <a class=\"niche\" href=\"https:\/\/www.be-bookable.com\/rental-categories\/bike-rental\/\">\n    <img loading=\"lazy\" src=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/fietsverhuur-kaart.jpg\" width=\"800\" height=\"800\" alt=\"Green city bike with a luggage rack\" loading=\"lazy\" decoding=\"async\" title=\"\">\n    <span class=\"niche-tx\"><strong>Bike rental<\/strong><span>City bikes, e-bikes and tandems by the hour or by the day, with a child seat or helmet added.<\/span><em>Go to bike rental<\/em><\/span>\n   <\/a>\n   <a class=\"niche niche--anders\" href=\"https:\/\/www.be-bookable.com\/rental-categories\/sports-and-leisure\/\">\n    <span class=\"niche-tx\"><strong>Sports and leisure<\/strong><span>Skis, camping gear, golf sets or something else? See how it works for every sports and leisure rental.<\/span><em>Go to sports and leisure<\/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-0fe4abb elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"0fe4abb\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\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-0ab1c9e\" data-id=\"0ab1c9e\" 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-f580df7 elementor-widget elementor-widget-html\" data-id=\"f580df7\" 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\">Put your SUP and canoe rental online tonight<\/h2>\n  <p style=\"margin-top:14px\">Signing up takes two minutes. Your first 100 orders are free.<\/p>\n  <div class=\"knoppen\">\n   <a class=\"knop knop--primair\" href=\"https:\/\/www.be-bookable.com\/sign-up\/\">Start for free<\/a>\n   <a class=\"knop knop--secundair\" href=\"#demo\">View the 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 DE = \/^de\/i.test(document.documentElement.lang || '');\n  var eur = function(n){ return DE ? n.toFixed(2).replace('.', ',') + ' \u20ac' : '\u20ac' + n.toFixed(2); };\n  var nl = function(n){ return Math.round(n).toLocaleString(DE ? 'de-DE' : 'en-GB'); };\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 = { Mon: 0, Tue: 1, Wed: 2, Thu: 3, Fri: 4, Sat: 5, Sun: 6 }, vorige = null, t = 300;\n    items.forEach(function(li){\n      var m = (($('.t', li) || {}).textContent || '').match(\/(Mon|Tue|Wed|Thu|Fri|Sat|Sun) (\\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 = DE ? o + ' \u20ac' : '\u20ac' + o;\n    var jaar = w * 52 * (b \/ 100) * (a \/ 100), maand = jaar \/ 12;\n    $('#r-maand').textContent = maand < 10 ? (DE ? maand.toFixed(1).replace('.', ',') : maand.toFixed(1)) : nl(maand);\n    $('#r-jaar').textContent = DE ? nl(jaar * o) + ' \u20ac' : '\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\n(function(){\n  if (!\/^de\/i.test(document.documentElement.lang || '')) return;\n  var re = \/\u20ac(\\d{1,3}(?:,\\d{3})*)(?:\\.(\\d\\d))?\/g;\n  document.querySelectorAll('.bbv2').forEach(function(root){\n    var w = document.createTreeWalker(root, NodeFilter.SHOW_TEXT), n;\n    while ((n = w.nextNode())) {\n      if (n.nodeValue.indexOf('\u20ac') < 0 || !re.test(n.nodeValue)) continue;\n      re.lastIndex = 0;\n      n.nodeValue = n.nodeValue.replace(re, function(m, i, d){ return i.replace(\/,\/g, '.') + (d ? ',' + d : '') + ' \u20ac'; });\n    }\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>Vermiete SUP-Boards, Kajaks und Kanus online, stundenweise oder f\u00fcr einen halben Tag.<\/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\/de\/wp-json\/wp\/v2\/posts\/9033","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.be-bookable.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.be-bookable.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.be-bookable.com\/de\/wp-json\/wp\/v2\/users\/72"}],"replies":[{"embeddable":true,"href":"https:\/\/www.be-bookable.com\/de\/wp-json\/wp\/v2\/comments?post=9033"}],"version-history":[{"count":8,"href":"https:\/\/www.be-bookable.com\/de\/wp-json\/wp\/v2\/posts\/9033\/revisions"}],"predecessor-version":[{"id":9134,"href":"https:\/\/www.be-bookable.com\/de\/wp-json\/wp\/v2\/posts\/9033\/revisions\/9134"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.be-bookable.com\/de\/wp-json\/wp\/v2\/media\/9026"}],"wp:attachment":[{"href":"https:\/\/www.be-bookable.com\/de\/wp-json\/wp\/v2\/media?parent=9033"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.be-bookable.com\/de\/wp-json\/wp\/v2\/categories?post=9033"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.be-bookable.com\/de\/wp-json\/wp\/v2\/tags?post=9033"},{"taxonomy":"bb_blog_topic","embeddable":true,"href":"https:\/\/www.be-bookable.com\/de\/wp-json\/wp\/v2\/bb_blog_topic?post=9033"},{"taxonomy":"bb_feature_group","embeddable":true,"href":"https:\/\/www.be-bookable.com\/de\/wp-json\/wp\/v2\/bb_feature_group?post=9033"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}