{"id":108,"date":"2023-09-07T20:25:38","date_gmt":"2023-09-07T20:25:38","guid":{"rendered":"https:\/\/www.be-bookable.com\/home\/"},"modified":"2026-10-21T20:06:50","modified_gmt":"2026-10-21T20:06:50","slug":"home","status":"publish","type":"page","link":"https:\/\/www.be-bookable.com\/fr","title":{"rendered":"Accueil"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"108\" class=\"elementor elementor-108\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-08de0ca elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"08de0ca\" 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-288eb46\" data-id=\"288eb46\" 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-e766572 elementor-widget elementor-widget-html\" data-id=\"e766572\" 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=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>.adm-h{font-family:Inter,system-ui,sans-serif;line-height:1.2;letter-spacing:normal;text-transform:none;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 section{margin:0}.bbv2 img{max-width:100%}\n\/* Hero-quiz (2026-10-16) *\/\n.bbv2 .quiz{background:#fff;border-radius:20px;padding:20px;box-shadow:0 20px 50px rgba(3,63,87,.1);display:flex;flex-direction:column;min-height:540px;height:100%}\n.bbv2 .quiz .q-kop{display:flex;align-items:center;justify-content:space-between;gap:12px}\n.bbv2 .quiz .q-titel{font-size:17px;line-height:1.3;font-weight:600;margin:0}\n.bbv2 .quiz .stap{flex-shrink:0;font-family:var(--bb-font-kop);font-weight:500;font-size:13px;color:var(--bb-tekst-gedempt);font-variant-numeric:tabular-nums}\n.bbv2 .quiz .voortgang{display:flex;gap:4px;margin:12px 0 18px}\n.bbv2 .quiz .voortgang i{flex:1;height:4px;border-radius:2px;background:var(--bb-achtergrond)}\n.bbv2 .quiz .voortgang i.aan{background:var(--bb-petrol)}\n.bbv2 .quiz .kopje{margin-bottom:8px}\n.bbv2 .quiz .vraag{font-family:var(--bb-font-kop);font-weight:600;font-size:21px;line-height:1.3;color:var(--bb-petrol);margin-bottom:14px;text-wrap:balance}\n.bbv2 .quiz .antwoorden{display:grid;gap:8px}\n.bbv2 .quiz .antwoorden button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;text-align:left;width:100%;min-height:50px;padding:10px 14px;border-radius:12px;border:2px solid var(--bb-achtergrond);background:var(--bb-achtergrond);font-family:var(--bb-font-kop);font-weight:500;font-size:15px;line-height:1.35;color:var(--bb-petrol);cursor:pointer;transition:border-color .15s,background .15s}\n.bbv2 .quiz .antwoorden button:hover{border-color:var(--bb-petrol-rand);background:#fff}\n.bbv2 .quiz .antwoorden button small{font-family:var(--bb-font-tekst);font-weight:400;font-size:13px;color:var(--bb-tekst-gedempt)}\n.bbv2 .quiz .q-voet{margin-top:auto;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:var(--bb-tekst-gedempt);font-weight:400}\n.bbv2 .quiz .terug{border:0;background:none;padding:0;min-height:32px;font-family:var(--bb-font-kop);font-weight:500;font-size:14px;color:var(--bb-petrol);text-decoration:underline;text-underline-offset:3px;cursor:pointer}\n.bbv2 .quiz .terug:disabled{opacity:.35;text-decoration:none;cursor:default}\n.bbv2 .quiz .uitslag{display:flex;flex-direction:column;gap:12px}\n.bbv2 .quiz .uitslag .label{display:inline-flex;align-items:center;align-self:flex-start;font-family:var(--bb-font-kop);font-weight:600;font-size:12px;letter-spacing:.07em;text-transform:uppercase;padding:4px 10px;border-radius:999px}\n.bbv2 .quiz .uitslag .label.ja{background:#E3F1E8;color:#1F5136}\n.bbv2 .quiz .uitslag .label.mits{background:#FDEBDD;color:#7A3D0A}\n.bbv2 .quiz .uitslag .label.nee{background:#FBE4E6;color:#8A1F28}\n.bbv2 .quiz .uitslag h3{font-size:24px;line-height:1.25;margin:0;text-wrap:balance}\n.bbv2 .quiz .uitslag p.lead{font-size:15px;line-height:1.5;font-weight:400;color:var(--bb-tekst-gedempt);margin:0;max-width:none}\n.bbv2 .quiz .rijen{list-style:none;margin:0;padding:0;display:grid;gap:8px}\n.bbv2 .quiz .rijen li{background:var(--bb-achtergrond);border-radius:10px;padding:9px 12px;font-size:14px;line-height:1.45;font-weight:400;margin:0}\n.bbv2 .quiz .rijen b{display:block;font-family:var(--bb-font-kop);font-weight:600;font-size:15px;color:var(--bb-petrol)}\n.bbv2 .quiz .rijen a{font-family:var(--bb-font-kop);font-weight:500;font-size:13px;text-decoration:none;white-space:nowrap}\n.bbv2 .quiz .rijen a::after{content:\" \\2192\"}\n.bbv2 .quiz .uitslag .knoppen{gap:10px;margin-top:4px}\n.bbv2 .quiz .reken-link{align-self:flex-start;font-family:var(--bb-font-kop);font-weight:500;font-size:14px;text-decoration:underline;text-underline-offset:3px}\n.bbv2 .quiz .reken-link::after{content:\" \\2192\"}\n.bbv2 .quiz .verdiep{align-self:flex-start;margin-top:2px;font-size:14px;text-align:left}\n.bbv2 .quiz .q-voet .terug{white-space:nowrap}\n.bbv2 .quiz .nb{white-space:nowrap}\nhtml body .bbv2 .hero-rechts.heeft-quiz::before{display:none}\n@media (max-width:960px){.bbv2 .quiz{min-height:0}}\n@media (max-width:520px){.bbv2 .quiz .uitslag .knoppen{flex-wrap:wrap}.bbv2 .quiz .uitslag .knoppen .knop{flex:1 1 100%}}\n<\/style><script type=\"application\/ld+json\">{\"@context\": \"https:\/\/schema.org\", \"@graph\": [{\"@type\": \"SoftwareApplication\", \"name\": \"Be-Bookable rental software\", \"applicationCategory\": \"BusinessApplication\", \"operatingSystem\": \"Web\", \"offers\": {\"@type\": \"Offer\", \"price\": \"19.99\", \"priceCurrency\": \"EUR\", \"description\": \"First 100 orders free, then per month. No contract.\"}}, {\"@type\": \"FAQPage\", \"mainEntity\": [{\"@type\": \"Question\", \"name\": \"What is Be-Bookable and who is it for?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Be-Bookable is rental software with your own webshop and partner environment in one. Your customers book and pay themselves, or send a request first that you confirm. You manage products, stock, orders and customers from one place. It is made for small and medium-sized rental businesses, from starters to established companies.\"}}, {\"@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. There is no contract and you don't need a credit card to start. You can stop any month.\"}}, {\"@type\": \"Question\", \"name\": \"I'm just starting out. Is it suitable for me?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Yes. You don't need any technical knowledge. Signing up takes two minutes, then you set up your shop in four steps: set up your shop, create categories, add products and choose booking rules.\"}}, {\"@type\": \"Question\", \"name\": \"How does Be-Bookable prevent double bookings?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Every product has a stock. At checkout, the system checks again whether the product is available for that period, including the buffer time you set. If it's gone, the customer can't book it.\"}}, {\"@type\": \"Question\", \"name\": \"How do my customers pay?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Directly online via Mollie, with iDEAL, credit card, PayPal and more, or with your own payment option such as cash at pickup or by invoice. You choose the name yourself. You can start without a payment integration and connect Mollie later.\"}}, {\"@type\": \"Question\", \"name\": \"Can I put the shop on my own website?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Yes. You share the link to your shop, or you place it on your existing site with a small piece of code, whether it's built with WordPress, Shopify, Webflow or something else. You decide which domains it may run on.\"}}, {\"@type\": \"Question\", \"name\": \"Can I give the shop my own branding?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Yes. You set your own name, logo and colours yourself, and write your own terms and thank-you page and the emails your customer receives for each order status.\"}}, {\"@type\": \"Question\", \"name\": \"Can I ship items too?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Yes. You create your own shipping options with a price, such as pickup or delivery. Connect Sendcloud and you create the shipping and return label from the order with one click.\"}}, {\"@type\": \"Question\", \"name\": \"What kind of rentals is it suitable for?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"For businesses that rent out items by the hour, day or week, or with a fixed duration of their own such as 3 hours or a weekend. Think party tents, bouncy castles, silent disco, sound and lighting, SUPs, bikes, boats, cars, trailers and tools.\"}}, {\"@type\": \"Question\", \"name\": \"Is my data safe?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Yes. We take data protection seriously. Your data is stored securely and we comply with the GDPR.\"}}, {\"@type\": \"Question\", \"name\": \"Will I get help if I get stuck?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Yes. Email us at contact@be-bookable.com. We help you with setup, questions and problems.\"}}]}]}<\/script><div class=\"bbv2\"><!-- 1. HERO -->\n<section class=\"hero\" aria-labelledby=\"h1\">\n <div class=\"wrap hero-grid\">\n  <div class=\"hero-tekst\">\n   <div>\n   <p class=\"boven\">Rental software for small businesses<\/p>\n   <h1 id=\"h1\">Your customers book themselves. You rent.<\/h1>\n   <p class=\"tekst\">Be-Bookable gives your rental business its own webshop and partner environment in one. Your customer finds a product, picks a date and books. You receive a confirmed booking and handle it from one place.<\/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 heeft-quiz\">\n   <div class=\"quiz\" data-bbq>\n    <div class=\"q-kop\"><h2 class=\"q-titel\">Is this the right rental software for you?<\/h2><span class=\"stap\" data-q-stap>1 \/ 4<\/span><\/div>\n    <div class=\"voortgang\" data-q-voortgang aria-hidden=\"true\"><i class=\"aan\"><\/i><i><\/i><i><\/i><i><\/i><\/div>\n    <div class=\"q-scherm\" data-q-scherm aria-live=\"polite\"><p class=\"kopje\">Question 1<\/p><p class=\"vraag\">Do you rent out items today?<\/p><div class=\"antwoorden\"><button type=\"button\" data-act=\"antwoord\" data-i=\"0\"><span>No, I want to start<\/span><\/button><button type=\"button\" data-act=\"antwoord\" data-i=\"1\"><span>Yes, on my own<\/span><\/button><button type=\"button\" data-act=\"antwoord\" data-i=\"2\"><span>Yes, with 2 to 9 people<\/span><\/button><button type=\"button\" data-act=\"antwoord\" data-i=\"3\"><span>Yes, with 10 people or more<\/span><\/button><\/div><\/div>\n    <div class=\"q-voet\"><button type=\"button\" class=\"terug\" data-q-terug disabled>Back<\/button><span class=\"q-noot\" data-q-noot>4 questions, about 30 seconds. No email needed.<\/span><\/div>\n    <div class=\"q-bron\" hidden>\n     <span data-ui=\"terug\">Back<\/span>\n     <span data-ui=\"opnieuw\">Start over<\/span>\n     <span data-ui=\"vraag\">Question<\/span>\n     <span data-ui=\"uitkomst\">Your result<\/span>\n     <span data-ui=\"noot4\">4 questions, about 30 seconds. No email needed.<\/span>\n     <span data-ui=\"noot8\">4 more questions, about 30 seconds extra.<\/span>\n     <span data-ui=\"verdiep\">Four more questions for a more personal recommendation<\/span>\n     <a data-knop=\"start\" href=\"https:\/\/www.be-bookable.com\/sign-up\/\">Start for free<\/a>\n     <a data-knop=\"demoaanvraag\" href=\"https:\/\/www.be-bookable.com\/contact\/?demo=1#bericht\">Request a demo<\/a>\n     <a data-knop=\"demo\" href=\"#demo\">View the demo<\/a>\n     <a data-knop=\"mail\" href=\"https:\/\/www.be-bookable.com\/contact\/#bericht\">Email us<\/a>\n     <a data-knop=\"past\" href=\"https:\/\/www.be-bookable.com\/rental-categories\/\">See what does fit<\/a>\n     <a data-knop=\"reken\" href=\"#reken\">Work out what you are missing today<\/a>\n     <div data-vraag=\"q1\"><p data-v>Do you rent out items today?<\/p><ul><li data-set='{\"actief\":false,\"team\":\"start\"}'><span>No, I want to start<\/span><\/li><li data-set='{\"actief\":true,\"team\":\"solo\"}'><span>Yes, on my own<\/span><\/li><li data-set='{\"actief\":true,\"team\":\"klein\"}'><span>Yes, with 2 to 9 people<\/span><\/li><li data-set='{\"actief\":true,\"team\":\"groot\"}'><span>Yes, with 10 people or more<\/span><\/li><\/ul><\/div>\n     <div data-vraag=\"cat\"><p data-v>What do you rent out?<\/p><p data-v-start>What will you rent out?<\/p><ul><li data-set='{\"cat\":\"feest\"}'><span>Parties and\/or events<\/span><small>tents, bouncy castles, sound and light<\/small><\/li><li data-set='{\"cat\":\"sport\"}'><span>Sports and\/or leisure<\/span><small>bikes, SUPs, boats, camping gear<\/small><\/li><li data-set='{\"cat\":\"voertuig\"}'><span>Vehicles, trailers and\/or machines<\/span><small>cars, trailers, tools, scaffolding<\/small><\/li><li data-set='{}' data-naar=\"cat2\"><span>Something else<\/span><\/li><\/ul><\/div>\n     <div data-vraag=\"cat2\"><p data-v>What exactly?<\/p><ul><li data-set='{\"cat\":\"ruimte\"}'><span>Spaces by the hour or day<\/span><small>rooms, studios, courts<\/small><\/li><li data-set='{\"cat\":\"overig\"}'><span>Fashion, electronics, home and garden or something else<\/span><\/li><li data-set='{\"cat\":\"overnachting\"}'><span>Holiday homes or overnight stays<\/span><\/li><li data-set='{\"nee\":\"dienst\"}' data-naar=\"uitkomst\"><span>Services or staff rather than items<\/span><\/li><\/ul><\/div>\n     <div data-vraag=\"site\"><p data-v>Do you have a website?<\/p><ul><li data-set='{\"site\":\"geen\"}'><span>Not yet<\/span><\/li><li data-set='{\"site\":\"wp\"}'><span>Yes, on WordPress<\/span><\/li><li data-set='{\"site\":\"ander\"}'><span>Yes, on another platform<\/span><small>Shopify, Webflow, Squarespace or another platform<\/small><\/li><li data-set='{\"site\":\"social\"}'><span>Only social media<\/span><\/li><\/ul><\/div>\n     <div data-vraag=\"betaal\"><p data-v>How should customers pay?<\/p><ul><li data-set='{\"betaal\":\"online\"}'><span>Online, when they book<\/span><\/li><li data-set='{\"betaal\":\"later\"}'><span>On pickup or by invoice<\/span><\/li><li data-set='{\"betaal\":\"borg\"}'><span>With a deposit on top<\/span><\/li><li data-set='{\"betaal\":\"onbekend\"}'><span>Not sure yet<\/span><\/li><\/ul><\/div>\n     <div data-vraag=\"kanaal\"><p data-v>How do bookings reach you today?<\/p><ul><li data-set='{\"kanaal\":\"mail\"}'><span>Phone, email or WhatsApp<\/span><\/li><li data-set='{\"kanaal\":\"form\"}'><span>A form on my website<\/span><\/li><li data-set='{\"kanaal\":\"sheet\"}'><span>A spreadsheet or paper calendar<\/span><\/li><li data-set='{\"kanaal\":\"tool\"}'><span>Another rental tool<\/span><\/li><\/ul><\/div>\n     <div data-vraag=\"pijn\"><p data-v>What costs you the most time?<\/p><ul><li data-set='{\"pijn\":\"besch\"}'><span>Checking availability and replying<\/span><\/li><li data-set='{\"pijn\":\"betaal\"}'><span>Payments and deposits<\/span><\/li><li data-set='{\"pijn\":\"verzend\"}'><span>Delivery, shipping and returns<\/span><\/li><li data-set='{\"pijn\":\"offerte\"}'><span>Quotes and invoices<\/span><\/li><\/ul><\/div>\n     <div data-vraag=\"lever\"><p data-v>How do customers get the items?<\/p><ul><li data-set='{\"lever\":\"afhaal\"}'><span>Pick up from me<\/span><\/li><li data-set='{\"lever\":\"bezorg\"}'><span>I deliver myself<\/span><\/li><li data-set='{\"lever\":\"pakket\"}'><span>By parcel post<\/span><\/li><li data-set='{\"lever\":\"combi\"}'><span>A combination of the above<\/span><\/li><\/ul><\/div>\n     <div data-vraag=\"duur\"><p data-v>What period do you rent by?<\/p><ul><li data-set='{\"duur\":\"uur\"}'><span>By the hour or part of a day<\/span><\/li><li data-set='{\"duur\":\"dag\"}'><span>By the day<\/span><\/li><li data-set='{\"duur\":\"week\"}'><span>By the weekend or week<\/span><\/li><li data-set='{\"duur\":\"mix\"}'><span>It varies per product<\/span><\/li><\/ul><\/div>\n     <div data-vraag=\"aantal\"><p data-v>How many products will you start with?<\/p><ul><li data-set='{\"aantal\":\"klein\"}'><span>Fewer than 10<\/span><\/li><li data-set='{\"aantal\":\"midden\"}'><span>10 to 50<\/span><\/li><li data-set='{\"aantal\":\"groot\"}'><span>More than 50<\/span><\/li><li data-set='{\"aantal\":\"onbekend\"}'><span>Not sure yet<\/span><\/li><\/ul><\/div>\n     <div data-vraag=\"timing\"><p data-v>When do you want to go live?<\/p><ul><li data-set='{\"timing\":\"nu\"}'><span>This month<\/span><\/li><li data-set='{\"timing\":\"kort\"}'><span>Within 3 months<\/span><\/li><li data-set='{\"timing\":\"later\"}'><span>Later, I am exploring<\/span><\/li><\/ul><\/div>\n     <div data-vraag=\"volume\"><p data-v>How many bookings per month?<\/p><ul><li data-set='{\"volume\":\"laag\"}'><span>Fewer than 20<\/span><\/li><li data-set='{\"volume\":\"midden\"}'><span>20 to 100<\/span><\/li><li data-set='{\"volume\":\"hoog\"}'><span>More than 100<\/span><\/li><li data-set='{\"volume\":\"seizoen\"}'><span>Highly seasonal<\/span><\/li><\/ul><\/div>\n     <div data-vraag=\"vooraf\"><p data-v>Do customers pay before pickup today?<\/p><ul><li data-set='{\"vooraf\":\"altijd\"}'><span>Always, online<\/span><\/li><li data-set='{\"vooraf\":\"soms\"}'><span>Sometimes, by payment link or invoice<\/span><\/li><li data-set='{\"vooraf\":\"nooit\"}'><span>No, on pickup or afterwards<\/span><\/li><li data-set='{\"vooraf\":\"borg\"}'><span>Mostly a deposit<\/span><\/li><\/ul><\/div>\n     <div data-vraag=\"eerder\"><p data-v>Have you tried any booking software before?<\/p><ul><li data-set='{\"eerder\":\"niets\"}'><span>No, everything is still manual<\/span><\/li><li data-set='{\"eerder\":\"webshop\"}'><span>A regular webshop<\/span><small>WooCommerce, Shopify, without rental features<\/small><\/li><li data-set='{\"eerder\":\"plugin\"}'><span>A form or booking plugin on my site<\/span><\/li><li data-set='{\"eerder\":\"tool\"}'><span>Other rental software<\/span><\/li><\/ul><\/div>\n     <div data-rij=\"kanaal.mail\"><b>Customers book themselves<\/b><span>Your webshop shows availability and takes the booking, also at 23:41.<\/span><a href=\"https:\/\/www.be-bookable.com\/demo\/\">See the webshop<\/a><\/div>\n     <div data-rij=\"kanaal.form\"><b>A booking widget instead of a form<\/b><span>The widget checks availability and takes payment on your own site.<\/span><a href=\"https:\/\/www.be-bookable.com\/integrations\/\">See the integrations<\/a><\/div>\n     <div data-rij=\"kanaal.sheet\"><b>One calendar that blocks stock itself<\/b><span>Every booking reserves the item. No more double bookings.<\/span><a href=\"https:\/\/www.be-bookable.com\/features\/order-management\/\">Order management<\/a><\/div>\n     <div data-rij=\"kanaal.tool\"><b>Switch at your own pace<\/b><span>First 100 orders free, no contract. Run it next to your current tool.<\/span><a href=\"https:\/\/www.be-bookable.com\/pricing\/\">See pricing<\/a><\/div>\n     <div data-rij=\"pijn.besch\"><b>Live availability per product<\/b><span>Customers see what is free on their date. You stop answering that question.<\/span><a href=\"https:\/\/www.be-bookable.com\/features\/flexible-booking-slots\/\">Booking slots<\/a><\/div>\n     <div data-rij=\"pijn.betaal\"><b>Online payment and deposit<\/b><span>iDEAL, cards and Bancontact at checkout. You set the deposit per product.<\/span><a href=\"https:\/\/www.be-bookable.com\/features\/deposits\/\">Deposits<\/a><\/div>\n     <div data-rij=\"pijn.verzend\"><b>Shipping labels from the order<\/b><span>Pickup, delivery or a Sendcloud label, in one click.<\/span><a href=\"https:\/\/www.be-bookable.com\/integrations\/shipping\/\">Shipping<\/a><\/div>\n     <div data-rij=\"pijn.offerte\"><b>Quotes and invoices in one place<\/b><span>Send a quote, turn it into an order, the invoice follows.<\/span><a href=\"https:\/\/www.be-bookable.com\/features\/quotes\/\">Quotes<\/a><\/div>\n     <div data-rij=\"site.geen\"><b>Your own webshop<\/b><span>Live in an afternoon, with your logo and colours.<\/span><a href=\"https:\/\/www.be-bookable.com\/demo\/\">View the demo<\/a><\/div>\n     <div data-rij=\"site.wp\"><b>Booking widget on WordPress<\/b><span>Customers book on your site, you manage it in Be-Bookable.<\/span><a href=\"https:\/\/www.be-bookable.com\/integrations\/wordpress\/\">WordPress<\/a><\/div>\n     <div data-rij=\"site.ander\"><b>Works next to your platform<\/b><span>Shopify, Webflow or Squarespace: embed the widget or link to your shop.<\/span><a href=\"https:\/\/www.be-bookable.com\/integrations\/\">Integrations<\/a><\/div>\n     <div data-rij=\"site.social\"><b>A link that books<\/b><span>Put your shop link in your Instagram bio and in WhatsApp.<\/span><a href=\"https:\/\/www.be-bookable.com\/demo\/\">View the demo<\/a><\/div>\n     <div data-rij=\"betaal.online\"><b>Paid before pickup<\/b><span>iDEAL, cards and Bancontact. The booking is confirmed once paid.<\/span><a href=\"https:\/\/www.be-bookable.com\/integrations\/online-payments\/\">Online payments<\/a><\/div>\n     <div data-rij=\"betaal.later\"><b>Pay on pickup or by invoice<\/b><span>You decide per shop. The invoice is generated for you.<\/span><a href=\"https:\/\/www.be-bookable.com\/features\/invoice-generation\/\">Invoices<\/a><\/div>\n     <div data-rij=\"betaal.borg\"><b>Deposit built in<\/b><span>Set an amount per product. The customer pays or reserves it at checkout.<\/span><a href=\"https:\/\/www.be-bookable.com\/features\/deposits\/\">Deposits<\/a><\/div>\n     <div data-rij=\"betaal.onbekend\"><b>You decide later<\/b><span>Online, on pickup or deposit: a setting, not a decision for today.<\/span><a href=\"https:\/\/www.be-bookable.com\/features\/shop-settings\/\">Shop settings<\/a><\/div>\n     <div data-rij=\"team.rollen\"><b>Roles per team member<\/b><span>Who may see orders, edit products or refund.<\/span><a href=\"https:\/\/www.be-bookable.com\/features\/users-and-roles\/\">Users and roles<\/a><\/div>\n     <div data-rij=\"team.orders\"><b>One order overview for the whole team<\/b><span>Everyone works from the same list, with a history per order.<\/span><a href=\"https:\/\/www.be-bookable.com\/features\/order-management\/\">Order management<\/a><\/div>\n     <div data-rij=\"cat.feest\"><b>Examples from parties and events<\/b><span>See how other rentals in this category use Be-Bookable.<\/span><a href=\"https:\/\/www.be-bookable.com\/rental-categories\/parties-and-events\/\">See the category<\/a><\/div>\n     <div data-rij=\"cat.sport\"><b>Examples from sports and leisure<\/b><span>See how other rentals in this category use Be-Bookable.<\/span><a href=\"https:\/\/www.be-bookable.com\/rental-categories\/sports-and-leisure\/\">See the category<\/a><\/div>\n     <div data-rij=\"cat.voertuig\"><b>Examples from vehicles, trailers and machines<\/b><span>See how other rentals in this category use Be-Bookable.<\/span><a href=\"https:\/\/www.be-bookable.com\/rental-categories\/vehicles-and-transportation\/\">See the category<\/a><\/div>\n     <div data-rij=\"cat.ruimte\"><b>Examples from spaces and venues<\/b><span>See how other rentals in this category use Be-Bookable.<\/span><a href=\"https:\/\/www.be-bookable.com\/rental-categories\/real-estate-and-accommodations\/\">See the category<\/a><\/div>\n     <div data-rij=\"cat.overnachting\"><b>A single holiday home or chalet<\/b><span>By the night, with a buffer for cleaning. Not for several rooms with daily changeover.<\/span><a href=\"https:\/\/www.be-bookable.com\/rental-categories\/real-estate-and-accommodations\/\">See the category<\/a><\/div>\n     <div data-rij=\"cat.overig\"><b>Examples from all categories<\/b><span>From fashion to home and garden: see how others do it.<\/span><a href=\"https:\/\/www.be-bookable.com\/rental-categories\/\">All categories<\/a><\/div>\n     <div data-rij=\"lever.afhaal\"><b>Pickup with packing slip and time slot<\/b><span>The customer picks a pickup time, you see per day what needs to be ready.<\/span><a href=\"https:\/\/www.be-bookable.com\/features\/order-management\/\">Order management<\/a><\/div>\n     <div data-rij=\"lever.bezorg\"><b>Delivery as a shipping option with a price<\/b><span>You create options such as pickup or delivery, each with its own rate.<\/span><a href=\"https:\/\/www.be-bookable.com\/features\/custom-shipping-options\/\">Shipping options<\/a><\/div>\n     <div data-rij=\"lever.pakket\"><b>Parcel label from the order<\/b><span>Connect Sendcloud and create the shipping and return label in one click.<\/span><a href=\"https:\/\/www.be-bookable.com\/integrations\/shipping\/\">Shipping<\/a><\/div>\n     <div data-rij=\"lever.combi\"><b>Pickup, delivery and shipping side by side<\/b><span>You create several options, each with its own price. The customer picks one at checkout.<\/span><a href=\"https:\/\/www.be-bookable.com\/features\/custom-shipping-options\/\">Shipping options<\/a><\/div>\n     <div data-rij=\"duur.uur\"><b>By the hour with time slots<\/b><span>You set the time unit customers can book, and when.<\/span><a href=\"https:\/\/www.be-bookable.com\/features\/flexible-booking-slots\/\">Booking slots<\/a><\/div>\n     <div data-rij=\"duur.dag\"><b>By the day, with a buffer for pickup and return<\/b><span>Block the day before and after automatically if you want.<\/span><a href=\"https:\/\/www.be-bookable.com\/features\/booking-blocks\/\">Booking blocks<\/a><\/div>\n     <div data-rij=\"duur.week\"><b>Weekend and weekly rates<\/b><span>A price per period, the customer sees the total right away.<\/span><a href=\"https:\/\/www.be-bookable.com\/features\/flexible-booking-slots\/\">Booking slots<\/a><\/div>\n     <div data-rij=\"duur.mix\"><b>A period of its own per product<\/b><span>One product by the hour, another by the day or weekend. You set it per product.<\/span><a href=\"https:\/\/www.be-bookable.com\/features\/flexible-booking-slots\/\">Booking slots<\/a><\/div>\n     <div data-rij=\"aantal.klein\"><b>Start with a few products<\/b><span>A product is online in five minutes. You can always add more.<\/span><a href=\"https:\/\/www.be-bookable.com\/features\/product-management\/\">Product management<\/a><\/div>\n     <div data-rij=\"aantal.midden\"><b>Categories and accessories<\/b><span>Organise your range and suggest matching accessories.<\/span><a href=\"https:\/\/www.be-bookable.com\/features\/category-management\/\">Categories<\/a><\/div>\n     <div data-rij=\"aantal.groot\"><b>Bundles and composite products<\/b><span>Rent out sets as one product, stock per part stays correct.<\/span><a href=\"https:\/\/www.be-bookable.com\/features\/bundles\/\">Bundles<\/a><\/div>\n     <div data-rij=\"aantal.onbekend\"><b>Start small, grow later<\/b><span>One product is enough to start.<\/span><a href=\"https:\/\/www.be-bookable.com\/features\/product-management\/\">Product management<\/a><\/div>\n     <div data-rij=\"volume.laag\"><b>Pay only once it runs<\/b><span>First 100 orders free, then a fixed amount per month.<\/span><a href=\"https:\/\/www.be-bookable.com\/pricing\/\">Pricing<\/a><\/div>\n     <div data-rij=\"volume.midden\"><b>Monthly reports<\/b><span>Revenue, busiest days and best rented products in one view.<\/span><a href=\"https:\/\/www.be-bookable.com\/features\/reports\/\">Reports<\/a><\/div>\n     <div data-rij=\"volume.hoog\"><b>Volume needs a solid process<\/b><span>Statuses, team roles and reports keep the overview.<\/span><a href=\"https:\/\/www.be-bookable.com\/features\/order-management\/\">Order management<\/a><\/div>\n     <div data-rij=\"volume.seizoen\"><b>Open and close by season<\/b><span>Close periods, customers only see what is really possible.<\/span><a href=\"https:\/\/www.be-bookable.com\/features\/opening-closing-times\/\">Opening hours<\/a><\/div>\n     <div data-rij=\"vooraf.altijd\"><b>Online payment stays<\/b><span>iDEAL, cards and Bancontact, right when booking.<\/span><a href=\"https:\/\/www.be-bookable.com\/integrations\/online-payments\/\">Online payments<\/a><\/div>\n     <div data-rij=\"vooraf.soms\"><b>No more payment links<\/b><span>Paid when booking, only then is the booking confirmed.<\/span><a href=\"https:\/\/www.be-bookable.com\/integrations\/online-payments\/\">Online payments<\/a><\/div>\n     <div data-rij=\"vooraf.nooit\"><b>Paid before pickup<\/b><span>Fewer no-shows: the booking is confirmed once paid.<\/span><a href=\"https:\/\/www.be-bookable.com\/integrations\/online-payments\/\">Online payments<\/a><\/div>\n     <div data-rij=\"vooraf.borg\"><b>Deposit built in<\/b><span>Set an amount per product. The customer pays or reserves it at checkout.<\/span><a href=\"https:\/\/www.be-bookable.com\/features\/deposits\/\">Deposits<\/a><\/div>\n     <div data-rij=\"eerder.niets\"><b>From manual to automatic<\/b><span>Availability, payment and confirmation run by themselves.<\/span><a href=\"https:\/\/www.be-bookable.com\/demo\/\">View the demo<\/a><\/div>\n     <div data-rij=\"eerder.webshop\"><b>A webshop sells, rental needs dates<\/b><span>Be-Bookable works with periods, stock per day and returns.<\/span><a href=\"https:\/\/www.be-bookable.com\/demo\/\">View the demo<\/a><\/div>\n     <div data-rij=\"eerder.plugin\"><b>From form to real booking<\/b><span>The widget checks availability and takes payment, on your own site.<\/span><a href=\"https:\/\/www.be-bookable.com\/integrations\/\">Integrations<\/a><\/div>\n     <div data-rij=\"eerder.tool\"><b>Switch at your own pace<\/b><span>First 100 orders free, no contract. Run it next to your current tool.<\/span><a href=\"https:\/\/www.be-bookable.com\/pricing\/\">See pricing<\/a><\/div>\n     <div data-uitkomst=\"A_start\" data-label=\"ja\" data-kort=\"site.*,betaal.*,cat.*\" data-diep=\"site.*,lever.*,duur.*,betaal.*,aantal.*,cat.*\" data-knoppen=\"start,demoaanvraag\"><h3>Yes, this fits.<\/h3><p data-lead>You can start today, without a website and without a contract. Here is what you get:<\/p><p data-lead-later>Want to look around first? The demo shows the webshop and partner environment. Here is what you get:<\/p><\/div>\n     <div data-uitkomst=\"A_actief\" data-label=\"ja\" data-kort=\"kanaal.*,pijn.*,cat.*\" data-diep=\"pijn.*,lever.*,vooraf.*,eerder.*,kanaal.*,cat.*\" data-knoppen=\"start,demoaanvraag\"><h3>Yes, this fits.<\/h3><p data-lead>Here is what changes first:<\/p><\/div>\n     <div data-uitkomst=\"B\" data-label=\"mits\" data-kort=\"team.rollen,team.orders,pijn.*\" data-diep=\"team.rollen,team.orders,pijn.*,lever.*\" data-knoppen=\"demoaanvraag,start\"><h3>Yes, most likely. Let\u2019s check it together.<\/h3><p data-lead>With a larger team or many bookings, roles and workflows matter. We walk through your setup in 30 minutes.<\/p><\/div>\n     <div data-uitkomst=\"C\" data-label=\"nee\" data-kort=\"\" data-diep=\"\" data-knoppen=\"past,mail\"><h3>Probably not. We\u2019d rather be honest.<\/h3><p data-lead>Be-Bookable is built for items you rent out by the hour, day or week.<\/p><p data-reden=\"overnachting\">Overnight stays need check-in, cleaning and tourist tax. A booking system for accommodations serves you better.<\/p><p data-reden=\"dienst\">Scheduling people needs a planning tool, not a rental shop.<\/p><\/div>\n    <\/div>\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-b4cf14d elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"b4cf14d\" 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-86d693a\" data-id=\"86d693a\" 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-5fb5d49 elementor-widget elementor-widget-html\" data-id=\"5fb5d49\" 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 where you are losing revenue today<\/h2>\n  <div class=\"momenten\">\n   <article><p class=\"moment\"><span class=\"stip stip--rood\"><\/span>Saturday, 22:41<\/p><h3>Five emails, two days, zero revenue.<\/h3><p>Sanne asks if the tent is still available. You reply the next morning, she has one more question, and by the time you want to reserve it she has already found something else.<\/p><a class=\"naar-oplossing\" href=\"#oplossing-1\">How to fix it<\/a><\/article>\n   <article><p class=\"moment\"><span class=\"stip stip--oranje\"><\/span>Friday, 16:05<\/p><h3>Two customers, one trailer, the same weekend.<\/h3><p>Your calendar said available, your inbox said yes. Now you have to call someone with bad news, the day before their move.<\/p><a class=\"naar-oplossing\" href=\"#oplossing-2\">How to fix it<\/a><\/article>\n   <article><p class=\"moment\"><span class=\"stip stip--groen\"><\/span>Every working day<\/p><h3>Six steps for one booking.<\/h3><p>Read the email, check stock, reply, confirm the reservation, check the payment, update the calendar. A sixty euro order easily costs you fifteen minutes.<\/p><a class=\"naar-oplossing\" href=\"#oplossing-3\">How to fix 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-d0264a1 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"d0264a1\" 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-d05c4f6\" data-id=\"d05c4f6\" 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-a38979c elementor-widget elementor-widget-html\" data-id=\"a38979c\" 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 id=\"reken\" 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 leaving on the table?<\/h2>\n  <p class=\"lead\">Fill in your own estimate. You know your requests 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\">15<\/output><\/label><input id=\"s-week\" type=\"range\" min=\"1\" max=\"60\" step=\"1\" value=\"15\"><\/div>\n    <div class=\"schuif\"><label for=\"s-buiten\">Arrive while you are closed <output id=\"o-buiten\">40%<\/output><\/label><input id=\"s-buiten\" type=\"range\" min=\"0\" max=\"90\" step=\"5\" value=\"40\"><\/div>\n    <div class=\"schuif\"><label for=\"s-afhaak\">Of those, give up before you reply <output id=\"o-afhaak\">25%<\/output><\/label><input id=\"s-afhaak\" type=\"range\" min=\"0\" max=\"100\" step=\"5\" value=\"25\"><\/div>\n    <div class=\"schuif\"><label for=\"s-order\">Average order value <output id=\"o-order\">\u20ac90<\/output><\/label><input id=\"s-order\" type=\"range\" min=\"20\" max=\"500\" step=\"10\" value=\"90\"><\/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\">6.5<\/p>\n    <p class=\"klein\">Missed revenue per year<\/p>\n    <p class=\"groot oranje\" id=\"r-jaar\">\u20ac7,020<\/p>\n    <hr>\n    <p class=\"klein\" style=\"display:flex;justify-content:space-between;gap:12px\"><span>Be-Bookable 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\">This is your estimate, not a promise. It shows what just one extra booking a month can do.<\/p>\n    <a class=\"knop knop--klein\" href=\"#functies\">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-ecc2636 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"ecc2636\" 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-b7d2b64\" data-id=\"b7d2b64\" 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-ec8fdb2 elementor-widget elementor-widget-html\" data-id=\"ec8fdb2\" 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\">One webshop and one partner environment that do the work together<\/h2>\n  <p class=\"lead\" style=\"max-width:none\">For each of those three moments, Be-Bookable has a feature. This is how it looks in the webshop and in your partner environment.<\/p>\n\n  <!-- Rij 1 -->\n  <div class=\"rij\" id=\"oplossing-1\">\n   <div>\n    <p class=\"moment\"><span class=\"stip stip--rood\"><\/span>Tuesday, 23:41<\/p>\n    <h3>Your customer books and pays online<\/h3>\n    <p><b>You are asleep, your webshop is simply open.<\/b> Your customer picks a period in the calendar, sees the total price straight away and pays online with iDEAL, credit card, PayPal and more, or pays at pickup. When you wake up, the booking is ready.<\/p>\n    <p class=\"aansporing\">This is what your customer sees: pick a date and rental period, add an accessory, the total updates along.<\/p>\n   <\/div>\n   <figure class=\"gif\"><img loading=\"lazy\" src=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/homepage-v2-webshop-boeken-en-stil.jpg\" data-gif=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/homepage-v2-webshop-boeken-en.gif\" data-still=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/homepage-v2-webshop-boeken-en-stil.jpg\" width=\"900\" height=\"743\" alt=\"Product page in the webshop: the customer picks 9 to 15 April, the rental period becomes one week, adds a stackable chair as an accessory and sees the total rise to 50 euro\" loading=\"lazy\" decoding=\"async\" title=\"\"><\/figure>\n  <\/div>\n\n  <!-- Rij 2 -->\n  <div class=\"rij rij--om\" id=\"oplossing-2\">\n   <div>\n    <p class=\"moment\"><span class=\"stip stip--oranje\"><\/span>Friday, 16:05<\/p>\n    <h3>One stock, so never double booked<\/h3>\n    <p><b>Per product, you set how many you have and how much time you need before and after a rental.<\/b> The webshop only shows what is really available. What's gone can't be selected. So you enjoy your weekend without having to cancel on anyone on Monday.<\/p>\n    <p class=\"aansporing\">This is what you see: how many are available per day, and which order uses the stock, including buffer time.<\/p>\n   <\/div>\n   <figure class=\"gif\"><img loading=\"lazy\" src=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/homepage-v2-beschikbaarheid-en-stil.jpg\" data-gif=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/homepage-v2-beschikbaarheid-en.gif\" data-still=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/homepage-v2-beschikbaarheid-en-stil.jpg\" width=\"900\" height=\"816\" alt=\"Partner environment, availability of a tent: a day without orders, a day with a buffer before a rental and a day with 4 tents rented out and payment still open\" loading=\"lazy\" decoding=\"async\" title=\"\"><\/figure>\n  <\/div>\n\n  <!-- Rij 3 -->\n  <div class=\"rij\" id=\"oplossing-3\">\n   <div>\n    <p class=\"moment\"><span class=\"stip stip--groen\"><\/span>Every working day<\/p>\n    <h3>The paperwork takes care of itself<\/h3>\n    <p><b>After every booking, your customer receives an email with an invoice and the order appears in your partner environment.<\/b> Do you ship your items? Then you create the shipping and return label from the order. No retyping.<\/p>\n    <p class=\"aansporing\">Choose how you view your orders: as a table, in a calendar or on a workflow board. Customer notes, order updates and internal notes are neatly organised on every order.<\/p>\n   <\/div>\n   <figure class=\"gif\"><img loading=\"lazy\" src=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/homepage-v2-orders-notities-en-stil.jpg\" data-gif=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/homepage-v2-orders-notities-en.gif\" data-still=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/homepage-v2-orders-notities-en-stil.jpg\" width=\"900\" height=\"748\" alt=\"Partner environment, orders: switching between table, calendar and workflow board, then opening an order and zooming in on the notes with a message to the customer and an internal note\" loading=\"lazy\" decoding=\"async\" title=\"\"><\/figure>\n  <\/div>\n\n  <div class=\"ook\">\n   <h3>See all the other features we support<\/h3>\n   <p class=\"functies\"><a href=\"https:\/\/www.be-bookable.com\/features\/flexible-booking-slots\/\">Flexible booking slots<\/a>, <a href=\"https:\/\/www.be-bookable.com\/features\/booking-blocks\/\">Booking blocks<\/a>, <a href=\"https:\/\/www.be-bookable.com\/features\/opening-closing-times\/\">Opening & closing times<\/a>, <a href=\"https:\/\/www.be-bookable.com\/features\/product-management\/\">Product management<\/a>, <a href=\"https:\/\/www.be-bookable.com\/features\/category-management\/\">Category management<\/a>, <a href=\"https:\/\/www.be-bookable.com\/features\/order-management\/\">Order management<\/a>, <a href=\"https:\/\/www.be-bookable.com\/features\/recommend-accessories\/\">Recommend accessories<\/a>, <a href=\"https:\/\/www.be-bookable.com\/features\/related-products\/\">Related products<\/a>, <a href=\"https:\/\/www.be-bookable.com\/features\/custom-shipping-options\/\">Custom shipping options<\/a>, <a href=\"https:\/\/www.be-bookable.com\/features\/invoice-generation\/\">Invoice generation<\/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-56bfeef elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"56bfeef\" 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-7c9bafe\" data-id=\"7c9bafe\" 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-927e036 elementor-widget elementor-widget-html\" data-id=\"927e036\" 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. VIER STAPPEN -->\n<section id=\"zo-werkt-het\" aria-labelledby=\"h-stappen\" style=\"background:#fff\">\n <div class=\"wrap\">\n  <p class=\"boven\">Your side: the partner environment<\/p>\n  <h2 id=\"h-stappen\">Your shop is live in four steps<\/h2>\n  <div class=\"stappen-grid\">\n   <div>\n    <ol class=\"stappen\" role=\"tablist\" aria-label=\"Four steps\">\n     <li role=\"presentation\"><button type=\"button\" role=\"tab\" id=\"st-1\" aria-controls=\"sp-1\" aria-selected=\"true\"><span class=\"nr\">1<\/span><span><strong>Set up your shop<\/strong><span class=\"t\">Name, logo, colours, opening hours, payment and shipping options.<\/span><\/span><\/button><\/li>\n     <li role=\"presentation\"><button type=\"button\" role=\"tab\" id=\"st-2\" aria-controls=\"sp-2\" aria-selected=\"false\" tabindex=\"-1\"><span class=\"nr\">2<\/span><span><strong>Create cate&shy;gories<\/strong><span class=\"t\">So your customer quickly finds the right product.<\/span><\/span><\/button><\/li>\n     <li role=\"presentation\"><button type=\"button\" role=\"tab\" id=\"st-3\" aria-controls=\"sp-3\" aria-selected=\"false\" tabindex=\"-1\"><span class=\"nr\">3<\/span><span><strong>Add products<\/strong><span class=\"t\">Photos, rental prices, stock, minimum and maximum quantity and accessories on one screen.<\/span><\/span><\/button><\/li>\n     <li role=\"presentation\"><button type=\"button\" role=\"tab\" id=\"st-4\" aria-controls=\"sp-4\" aria-selected=\"false\" tabindex=\"-1\"><span class=\"nr\">4<\/span><span><strong>Choose booking rules<\/strong><span class=\"t\">Buffer time before and after a rental, and how late your customer can still book.<\/span><\/span><\/button><\/li>\n    <\/ol>\n    <p class=\"stap-uitleg\" aria-hidden=\"true\">Name, logo, colours, opening hours, payment and shipping options.<\/p>\n   <\/div>\n\n   <div class=\"scherm\">\n    <div class=\"adm\">\n     <div class=\"adm-body\" role=\"tabpanel\" id=\"sp-1\" aria-labelledby=\"st-1\">\n      <div class=\"adm-kaart\"><p class=\"adm-h\">Shop identity<\/p><div class=\"in\" style=\"display:grid;gap:10px\">\n       <div><span class=\"l\">Shop name<\/span><span class=\"inp\">Party Rentals De Kade<\/span><\/div>\n       <div class=\"adm-velden\"><div><span class=\"l\">Primary colour<\/span><span class=\"inp\"><span><span class=\"kleur\" style=\"background:#2A5C59\"><\/span>#2A5C59<\/span><\/span><\/div><div><span class=\"l\">Secondary colour<\/span><span class=\"inp\"><span><span class=\"kleur\" style=\"background:#3D8481\"><\/span>#3D8481<\/span><\/span><\/div><\/div>\n      <\/div><\/div>\n      <div class=\"adm-kaart adm-sec\"><p class=\"adm-h\">Opening hours<\/p><div class=\"in\" style=\"display:grid;gap:6px;font-size:13px\">\n       <div style=\"display:flex;justify-content:space-between\"><span>Monday to Friday<\/span><span>09:00 \u00b7 17:00<\/span><\/div>\n       <div style=\"display:flex;justify-content:space-between\"><span>Saturday<\/span><span>10:00 \u00b7 16:00<\/span><\/div>\n       <div style=\"display:flex;justify-content:space-between\"><span>Sunday<\/span><span class=\"vink\"><i class=\"aan\"><\/i>Closed<\/span><\/div>\n      <\/div><\/div>\n      <div class=\"adm-kaart adm-sec\"><p class=\"adm-h\">Payment details<\/p><div class=\"in\">\n       <span class=\"l\">Payment option<\/span><span class=\"inp\">Cash at pickup<\/span>\n       <p class=\"koppel\"><span>Accept online payments?<\/span><span class=\"adm-knop adm-knop--licht\" aria-hidden=\"true\">Connect Mollie \u2192<\/span><\/p>\n      <\/div><\/div>\n      <div class=\"adm-kaart adm-sec\"><p class=\"adm-h\">Shipping details<\/p><div class=\"in\" style=\"display:grid;gap:6px;font-size:13px\">\n       <div style=\"display:flex;justify-content:space-between\"><span>Pickup<\/span><span>\u20ac0.00<\/span><\/div>\n       <div style=\"display:flex;justify-content:space-between\"><span>Delivery (PostNL)<\/span><span>\u20ac9.95<\/span><\/div>\n       <p class=\"koppel\"><span>Create shipping labels directly?<\/span><span class=\"adm-knop adm-knop--licht\" aria-hidden=\"true\">Connect Sendcloud \u2192<\/span><\/p>\n      <\/div><\/div>\n     <\/div>\n\n     <div class=\"adm-body\" role=\"tabpanel\" id=\"sp-2\" aria-labelledby=\"st-2\" hidden>\n      <div class=\"adm-kaart\"><p class=\"adm-h\">Category<\/p><div class=\"in\" style=\"display:grid;gap:10px\">\n       <div><span class=\"l\">Category name<\/span><span class=\"inp\">Party tents<\/span><\/div>\n       <div><span class=\"l\">Description<\/span><span class=\"inp\" style=\"min-height:62px;align-items:flex-start;padding-top:8px;padding-bottom:8px\">Party tents from 3 \u00d7 3 to 6 \u00d7 12 metres. Always with pegs and tent weights.<\/span><\/div>\n       <div><span class=\"l\">Own opening hours<\/span><span class=\"inp\">Same as the shop<\/span><\/div>\n      <\/div><\/div>\n      <div class=\"adm-kaart adm-sec\"><p class=\"adm-h\">Products in this category<\/p><div class=\"in\" style=\"font-size:13px;display:grid;gap:4px\"><span>Party tent 3 \u00d7 3 m<\/span><span>Party tent 4 \u00d7 8 m<\/span><span>Party tent 6 \u00d7 12 m<\/span><\/div><\/div>\n     <\/div>\n\n     <div class=\"adm-body\" role=\"tabpanel\" id=\"sp-3\" aria-labelledby=\"st-3\" hidden>\n      <div class=\"adm-kaart\"><p class=\"adm-h\">Pricing<\/p><div class=\"in\">\n       <span class=\"l\">Rental prices<\/span>\n       <table class=\"adm-tabel\"><thead><tr><th>Label<\/th><th>Unit<\/th><th>Duration<\/th><th>Price<\/th><\/tr><\/thead>\n        <tbody><tr><td>Day<\/td><td>day<\/td><td>1<\/td><td>\u20ac85.00<\/td><\/tr><tr><td>Weekend<\/td><td>day<\/td><td>3<\/td><td>\u20ac210.00<\/td><\/tr><\/tbody><\/table>\n       <p style=\"margin-top:8px\"><span class=\"adm-knop adm-knop--licht\" aria-hidden=\"true\">+ Add option<\/span><\/p>\n      <\/div><\/div>\n      <div class=\"adm-kaart adm-sec\"><p class=\"adm-h\">Stock<\/p><div class=\"in adm-velden drie\"><div><span class=\"l\">Quantity<\/span><span class=\"inp\">2<\/span><\/div><div><span class=\"l\">Min. quantity<\/span><span class=\"inp\">1<\/span><\/div><div><span class=\"l\">Max. quantity<\/span><span class=\"inp\">2<\/span><\/div><\/div><\/div>\n      <div class=\"adm-kaart adm-sec\"><p class=\"adm-h\">Accessories &amp; related products<\/p><div class=\"in\" style=\"display:grid;gap:6px;font-size:13px\">\n       <span class=\"l\" style=\"margin:0\">Recommend accessories<\/span>\n       <div style=\"display:flex;justify-content:space-between\"><span>Lighting set<\/span><span class=\"vink\"><i><\/i>Required<\/span><\/div>\n       <div style=\"display:flex;justify-content:space-between\"><span>Peg set<\/span><span class=\"vink\"><i class=\"aan\"><\/i>Required<\/span><\/div>\n      <\/div><\/div>\n     <\/div>\n\n     <div class=\"adm-body\" role=\"tabpanel\" id=\"sp-4\" aria-labelledby=\"st-4\" hidden>\n      <div class=\"adm-kaart\"><p class=\"adm-h\">Booking rules<\/p><div class=\"in adm-velden\">\n       <div><span class=\"l\">Buffer unit<\/span><span class=\"inp\">day<\/span><\/div>\n       <div><span class=\"l\">Initial booking block (in days)<\/span><span class=\"inp\">2<\/span><\/div>\n       <div><span class=\"l\">Pre booking block (in days)<\/span><span class=\"inp\">0<\/span><\/div>\n       <div><span class=\"l\">Post booking block (in days)<\/span><span class=\"inp\">1<\/span><\/div>\n      <\/div><\/div>\n      <div class=\"adm-kaart adm-sec\"><p class=\"adm-h\">Availability<\/p><div class=\"in\"><div class=\"mini-rooster\"><div class=\"mini-dag\"><span>Mon 12<\/span><b>2<\/b><\/div><div class=\"mini-dag\"><span>Tue 13<\/span><b>2<\/b><\/div><div class=\"mini-dag\"><span>Wed 14<\/span><b>1-2<\/b><\/div><div class=\"mini-dag\"><span>Thu 15<\/span><b>1<\/b><\/div><div class=\"mini-dag\"><span>Fri 16<\/span><b>1<\/b><\/div><div class=\"mini-dag\"><span>Sat 17<\/span><b>1-2<\/b><\/div><div class=\"mini-dag\"><span>Sun 18<\/span><b>2<\/b><\/div><\/div><p class=\"hulp\" style=\"margin-top:8px\">Stock 2. On Thu and Fri, 1 is rented out; 1-2 means a buffer falls on that day.<\/p><\/div><\/div>\n     <\/div>\n    <\/div>\n   <\/div>\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>No<\/b><span>contract or setup costs<\/span><\/div>\n  <\/div>\n  <p class=\"prijs-link\"><a href=\"https:\/\/www.be-bookable.com\/pricing\/\">See pricing and what's included<\/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-7b4c13b elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"7b4c13b\" 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-33c7918\" data-id=\"33c7918\" 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-500515b elementor-widget elementor-widget-html\" data-id=\"500515b\" 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. PROEFBOEKING -->\n<section id=\"demo\" aria-labelledby=\"h-demo\">\n <div class=\"wrap\">\n  <p class=\"boven\">Have a look around<\/p>\n  <h2 id=\"h-demo\">Try it in a demo shop<\/h2>\n  <p class=\"lead\" style=\"max-width:none\">No sign-up needed. These are example shops: click around, pick your dates and see exactly what your customer will see. You don't have to check out.<\/p>\n  <div class=\"winkels\">\n   <a href=\"https:\/\/shop.be-bookable.com\/feestdepot\"><div class=\"kop\"><div class=\"beeld\"><img loading=\"lazy\" src=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/homepage-v2-demowinkel-feestdepot.jpg\" width=\"1200\" height=\"750\" alt=\"Webshop of demo shop FeestDepot\" loading=\"lazy\" decoding=\"async\" title=\"\"><\/div><img loading=\"lazy\" decoding=\"async\" class=\"winkel-logo\" src=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/FeestDepot-logo.png\" alt=\"\" width=\"64\" height=\"64\" loading=\"lazy\" title=\"\"><\/div><div class=\"tx\"><strong>FeestDepot<\/strong><span class=\"soort\">Demo shop for party tent rental<\/span><small>Party tents, bouncy castles, sound and lighting.<\/small><\/div><\/a>\n   <a href=\"https:\/\/shop.be-bookable.com\/pedalnl\/\"><div class=\"kop\"><div class=\"beeld\"><img loading=\"lazy\" src=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/homepage-v2-demowinkel-pedalnl.jpg\" width=\"1200\" height=\"750\" alt=\"Webshop of demo shop PedalNL\" loading=\"lazy\" decoding=\"async\" title=\"\"><\/div><img loading=\"lazy\" decoding=\"async\" class=\"winkel-logo\" src=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/homepage-v2-logo-pedalnl.png\" alt=\"\" width=\"64\" height=\"64\" loading=\"lazy\" title=\"\"><\/div><div class=\"tx\"><strong>PedalNL<\/strong><span class=\"soort\">Demo shop for bike rental<\/span><small>City bikes, e-bikes, cargo bikes and tandems.<\/small><\/div><\/a>\n   <a href=\"https:\/\/shop.be-bookable.com\/toolbase\"><div class=\"kop\"><div class=\"beeld\"><img loading=\"lazy\" src=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/homepage-v2-demowinkel-toolbase.jpg\" width=\"1200\" height=\"750\" alt=\"Webshop of demo shop ToolBase\" loading=\"lazy\" decoding=\"async\" title=\"\"><\/div><img loading=\"lazy\" decoding=\"async\" class=\"winkel-logo\" src=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/ToolBase-Logo.png\" alt=\"\" width=\"64\" height=\"64\" loading=\"lazy\" title=\"\"><\/div><div class=\"tx\"><strong>ToolBase<\/strong><span class=\"soort\">Demo shop for tool rental<\/span><small>Power tools and construction machines.<\/small><\/div><\/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-1e2dd46 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"1e2dd46\" 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-c8fbb3a\" data-id=\"c8fbb3a\" 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-98f649c elementor-widget elementor-widget-html\" data-id=\"98f649c\" 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\" style=\"background:#fff\">\n <div class=\"wrap over-grid\">\n  <div>\n   <p class=\"boven\">About Be-Bookable<\/p>\n   <h2 id=\"h-over\">Made by someone who rents things out<\/h2>\n   <p class=\"lead\" style=\"max-width:none\">Be-Bookable grew out of Goede Buur Silent Disco. One of our founders started renting out silent disco sets in 2019, from the proverbial smallest room in the house. Ordering a silent disco online turned out to be a hassle everywhere.<\/p>\n   <p style=\"margin-top:14px\">So we built our own webshop where customers book and pay themselves, and the stock is always right. That webshop became Be-Bookable. Goede Buur still runs on it today, and it works so well that we now open the system up to other rental businesses too.<\/p>\n   <p style=\"margin-top:18px;display:flex;gap:18px;flex-wrap:wrap\"><a href=\"https:\/\/goedebuursilentdisco.nl\/webshop\/\" target=\"_blank\" rel=\"noopener\">See the Goede Buur webshop<\/a><\/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-6a7918e elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"6a7918e\" 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-85bd629\" data-id=\"85bd629\" 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-6e3ddf9 elementor-widget elementor-widget-html\" data-id=\"6e3ddf9\" 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\">\n <div class=\"wrap\" style=\"max-width:860px\">\n  <h2 id=\"h-faq\">Questions rental businesses ask us<\/h2>\n  <div style=\"margin-top:24px\">\n   <details><summary>What is Be-Bookable and who is it for?<\/summary><p>Be-Bookable is rental software with your own webshop and partner environment in one. Your customers book and pay themselves, or send a request first that you confirm. You manage products, stock, orders and customers from one place. It is made for small and medium-sized rental businesses, from starters to established companies.<\/p><\/details>\n   <details><summary>What does Be-Bookable 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. There is no contract and you don't need a credit card to start. You can stop any month.<\/p><\/details>\n   <details><summary>I'm just starting out. Is it suitable for me?<\/summary><p>Yes. You don't need any technical knowledge. Signing up takes two minutes, then you set up your shop in four steps: set up your shop, create categories, add products and choose booking rules.<\/p><\/details>\n   <details><summary>How does Be-Bookable prevent double bookings?<\/summary><p>Every product has a stock. At checkout, the system checks again whether the product is available for that period, including the buffer time you set. If it's gone, the customer can't book it.<\/p><\/details>\n   <details><summary>How do my customers pay?<\/summary><p>Directly online via Mollie, with iDEAL, credit card, PayPal and more, or with your own payment option such as cash at pickup or by invoice. You choose the name yourself. You can start without a payment integration and connect Mollie later.<\/p><\/details>\n   <details><summary>Can I put the shop on my own website?<\/summary><p>Yes. You share the link to your shop, or you place it on your existing site with a small piece of code, whether it's built with WordPress, Shopify, Webflow or something else. You decide which domains it may run on.<\/p><\/details>\n   <details><summary>Can I give the shop my own branding?<\/summary><p>Yes. You set your own <a href=\"https:\/\/www.be-bookable.com\/features\/shop-personalisation\/\">name, logo and colours<\/a> yourself, and write your own <a href=\"https:\/\/www.be-bookable.com\/features\/customer-pages\/\">terms and thank-you page<\/a> and the <a href=\"https:\/\/www.be-bookable.com\/features\/customer-emails\/\">emails your customer receives for each order status<\/a>.<\/p><\/details>\n   <details><summary>Can I ship items too?<\/summary><p>Yes. You create your own shipping options with a price, such as pickup or delivery. Connect Sendcloud and you create the shipping and return label from the order with one click.<\/p><\/details>\n   <details><summary>What kind of rentals is it suitable for?<\/summary><p>For businesses that rent out items by the hour, day or week, or with a fixed duration of their own such as 3 hours or a weekend. Think party tents, bouncy castles, silent disco, sound and lighting, SUPs, bikes, boats, cars, trailers and tools.<\/p><\/details>\n   <details><summary>Is my data safe?<\/summary><p>Yes. We take data protection seriously. Your data is stored securely and we comply with the GDPR.<\/p><\/details>\n   <details><summary>Will I get help if I get stuck?<\/summary><p>Yes. Email us at <a href=\"mailto:contact@be-bookable.com\">contact@be-bookable.com<\/a>. We help you with setup, questions and problems.<\/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-eb557d7 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"eb557d7\" 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-118be9d\" data-id=\"118be9d\" 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-e1424f6 elementor-widget elementor-widget-html\" data-id=\"e1424f6\" 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. SLOT -->\n<section class=\"slot\" aria-labelledby=\"h-slot\">\n <div class=\"wrap\">\n  <h2 id=\"h-slot\">Open your rental shop 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>(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); };\n  var nl = function(n){ return Math.round(n).toLocaleString('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  \/* ===== Hero-quiz: vragen, uitkomst en meting (2026-10-16, bron: _mockups\/hero-quiz-1016\/build\/quiz.js) ===== *\/\n  (function(){\n    var root = $('[data-bbq]'); if (!root) return;\n    var bron = $('.q-bron', root);\n    var txt = function(el){ return el ? el.textContent.replace(\/\\s+\/g, ' ').trim() : ''; };\n    var ui = {}; $$('[data-ui]', bron).forEach(function(e){ ui[e.dataset.ui] = txt(e); });\n    var knoppen = {}; $$('[data-knop]', bron).forEach(function(a){ knoppen[a.dataset.knop] = a; });\n    var vragen = {};\n    $$('[data-vraag]', bron).forEach(function(d){\n      vragen[d.dataset.vraag] = { v: txt($('[data-v]', d)), vStart: txt($('[data-v-start]', d)),\n        o: $$('li', d).map(function(li){ return { t: txt($('span', li)), s: txt($('small', li)), set: JSON.parse(li.dataset.set || '{}'), naar: li.dataset.naar || '' }; }) };\n    });\n    var rijen = {}; $$('[data-rij]', bron).forEach(function(d){ rijen[d.dataset.rij] = d; });\n    var uitk = {}; $$('[data-uitkomst]', bron).forEach(function(d){ uitk[d.dataset.uitkomst] = d; });\n    var FLOW = { kort: { start: ['q1', 'cat', 'site', 'betaal'], actief: ['q1', 'cat', 'kanaal', 'pijn'] },\n                 diep: { start: ['q1', 'cat', 'site', 'betaal', 'lever', 'duur', 'aantal', 'timing'], actief: ['q1', 'cat', 'kanaal', 'pijn', 'volume', 'lever', 'vooraf', 'eerder'] } };\n    var taal = (document.documentElement.lang || 'en').slice(0, 2);\n    var variant = 'kort', state = {}, hist = [], huidig = 'q1';\n    var scherm = $('[data-q-scherm]', root), stapEl = $('[data-q-stap]', root), vg = $('[data-q-voortgang]', root), terug = $('[data-q-terug]', root), noot = $('[data-q-noot]', root);\n\n    \/* Meting: anoniem sessie-id, naar dataLayer (GTM) en naar de eigen tabel (mu-plugin bb-quiz-stats) *\/\n    var sid = '';\n    try { sid = sessionStorage.getItem('bbq_sid'); if (!sid) { sid = Math.random().toString(36).slice(2) + Date.now().toString(36); sessionStorage.setItem('bbq_sid', sid); } } catch (e) { sid = 'x' + Date.now().toString(36); }\n    function meet(ev, extra){\n      var d = { event: ev, sid: sid, lang: taal, variant: variant, page: location.pathname }, k;\n      for (k in extra) d[k] = extra[k];\n      try { var dl = { event: 'bbq_' + ev }; for (k in extra) dl['bbq_' + k] = extra[k]; window.dataLayer = window.dataLayer || []; window.dataLayer.push(dl); } catch (e) {}\n      try {\n        var body = JSON.stringify(d), url = '\/wp-json\/bb\/v1\/quiz';\n        if (navigator.sendBeacon) navigator.sendBeacon(url, new Blob([body], { type: 'application\/json' }));\n        else fetch(url, { method: 'POST', headers: { 'Content-Type': 'application\/json' }, body: body, keepalive: true });\n      } catch (e) {}\n    }\n\n    function pad(){ return state.actief ? 'actief' : 'start'; }\n    function flow(){ return FLOW[variant][pad()]; }\n    function totaal(){ return flow().length + (state.cat2 ? 1 : 0); }\n    function volgende(id){ var f = flow(), i = f.indexOf(id === 'cat2' ? 'cat' : id); return f[i + 1] || 'uitkomst'; }\n    function uitkomstKey(){ if (state.nee) return 'C'; if (!state.actief) return 'A_start'; if (state.team === 'groot' || state.volume === 'hoog') return 'B'; return 'A_actief'; }\n    function rijKey(p){ var g = p.split('.'); if (g[1] !== '*') return p; return state[g[0]] ? g[0] + '.' + state[g[0]] : null; }\n    \/* Tekst plaatsen; \"Be-Bookable\" nooit afbreken *\/\n    function voegTekst(e, text){ String(text).split('Be-Bookable').forEach(function(deel, i){ if (i) { var nb = document.createElement('span'); nb.className = 'nb'; nb.textContent = 'Be-Bookable'; e.appendChild(nb); } if (deel) e.appendChild(document.createTextNode(deel)); }); return e; }\n    function el(tag, cls, text){ var e = document.createElement(tag); if (cls) e.className = cls; if (text != null) voegTekst(e, text); return e; }\n    function kopie(s){ return JSON.parse(JSON.stringify(s)); }\n\n    function render(){\n      scherm.innerHTML = ''; vg.innerHTML = '';\n      var tot = totaal(), i;\n      noot.textContent = (variant === 'diep' && huidig !== 'uitkomst') ? ui.noot8 : ui.noot4;\n      terug.textContent = (huidig === 'uitkomst' && variant === 'kort') ? ui.opnieuw : ui.terug;\n      terug.disabled = hist.length === 0;\n      if (huidig === 'uitkomst') { stapEl.textContent = ''; for (i = 0; i < tot; i++) vg.appendChild(el('i', 'aan')); scherm.appendChild(renderUitkomst()); return; }\n      var vr = vragen[huidig], nr = huidig === 'cat2' ? 2 : flow().indexOf(huidig) + 1, nrT = huidig === 'cat2' ? nr + 'b' : String(nr);\n      stapEl.textContent = nrT + ' \/ ' + tot;\n      var aan = huidig === 'cat2' ? 3 : nr + (state.cat2 && nr > 2 ? 1 : 0);\n      for (i = 0; i < tot; i++) vg.appendChild(el('i', i < aan ? 'aan' : ''));\n      scherm.appendChild(el('p', 'kopje', ui.vraag + ' ' + nrT));\n      scherm.appendChild(el('p', 'vraag', (huidig === 'cat' && state.actief === false && vr.vStart) ? vr.vStart : vr.v));\n      var lijst = el('div', 'antwoorden');\n      vr.o.forEach(function(opt, i){\n        var b = el('button'); b.type = 'button'; b.dataset.act = 'antwoord'; b.dataset.i = i; b.appendChild(el('span', '', opt.t)); if (opt.s) b.appendChild(el('small', '', opt.s));\n        lijst.appendChild(b);\n      });\n      scherm.appendChild(lijst);\n    }\n    function kies(opt){\n      hist.push({ huidig: huidig, state: kopie(state), variant: variant });\n      var k, delen = [];\n      for (k in opt.set) { state[k] = opt.set[k]; delen.push(k + '=' + opt.set[k]); }\n      if (opt.naar === 'cat2') state.cat2 = true;\n      meet('answer', { q: huidig, a: delen.join(',') || 'anders', step: hist.length });\n      huidig = opt.naar || volgende(huidig);\n      if (huidig === 'uitkomst') meet('result', { outcome: uitkomstKey(), path: pad() });\n      render();\n    }\n    function renderUitkomst(){\n      var key = uitkomstKey(), u = uitk[key], w = el('div', 'uitslag');\n      w.appendChild(el('span', 'label ' + u.dataset.label, ui.uitkomst));\n      w.appendChild(el('h3', '', txt($('h3', u))));\n      var lead = (state.timing === 'later' && $('[data-lead-later]', u)) ? txt($('[data-lead-later]', u)) : txt($('[data-lead]', u));\n      if (key === 'C') lead += ' ' + txt($('[data-reden=\"' + state.nee + '\"]', u));\n      w.appendChild(el('p', 'lead', lead));\n      var max = variant === 'diep' ? 4 : 3, keys = [], seen = {};\n      (u.dataset[variant] || '').split(',').forEach(function(p){ var k = rijKey(p); if (k && rijen[k] && !seen[k]) { seen[k] = 1; keys.push(k); } });\n      keys = keys.slice(0, max);\n      if (keys.length) {\n        var ul = el('ul', 'rijen');\n        keys.forEach(function(k){ var r = rijen[k], li = el('li'); li.appendChild(el('b', '', txt($('b', r)))); voegTekst(li, txt($('span', r)) + ' '); li.appendChild($('a', r).cloneNode(true)); ul.appendChild(li); });\n        w.appendChild(ul);\n      }\n      var kn = el('div', 'knoppen'), lijst = u.dataset.knoppen.split(',');\n      if (key === 'A_start' && state.timing === 'later') lijst = ['demo', 'demoaanvraag'];\n      lijst.forEach(function(k, i){ var a = knoppen[k].cloneNode(true); a.className = 'knop knop--klein ' + (i === 0 ? 'knop--primair' : 'knop--secundair'); kn.appendChild(a); });\n      w.appendChild(kn);\n      if (state.actief && key !== 'C' && variant === 'diep' && knoppen.reken) { var r = knoppen.reken.cloneNode(true); r.className = 'reken-link'; w.appendChild(r); }\n      if (variant === 'kort' && key !== 'C') { var v = el('button', 'terug verdiep', ui.verdiep + ' \u2192'); v.type = 'button'; v.dataset.act = 'verdiep'; w.appendChild(v); }\n      return w;\n    }\n    \/* E\u00e9n klik-afhandelaar in de capture-fase op window: die loopt v\u00f3\u00f3r WP Rocket's delay-JS, dat de eerste klik\n       anders opslokt en pas na het laden van alle uitgestelde scripts herhaalt. Quizknoppen handelen we hier helemaal\n       af en stoppen de verdere verspreiding; links (CTA's) meten we alleen en laten we gewoon doorgaan. *\/\n    function opKlik(e){\n      var t = e.target && e.target.closest ? e.target.closest('button, a') : null;\n      if (!t || !root.contains(t)) return;\n      if (t.tagName === 'A') { var k = t.dataset.knop; if (k) meet('cta', { knop: k, outcome: uitkomstKey() }); if (k === 'reken') vulReken(); return; }\n      e.stopImmediatePropagation(); e.preventDefault();\n      var act = t.dataset.act;\n      if (act === 'antwoord') kies(vragen[huidig].o[+t.dataset.i]);\n      else if (act === 'terug') terugKlik();\n      else if (act === 'verdiep') verdiep();\n    }\n    \/* WP Rocket (delay-JS) overschrijft EventTarget.prototype.addEventListener en stelt elke click-listener uit tot\n       alle uitgestelde scripts geladen zijn, tenzij de opties isRocket:true bevatten (zijn eigen ontsnappingsluik).\n       Capture op <html>: loopt v\u00f3\u00f3r Rocket's eigen click-handler op window, die anders de eerste klik opslokt. *\/\n    document.documentElement.addEventListener('click', opKlik, { capture: true, isRocket: true });\n    \/* Rekenvoorbeeld voorvullen met het volume uit de verdieping *\/\n    function vulReken(){ var m = { laag: 4, midden: 14, hoog: 30, seizoen: 10 }, w = m[state.volume], s = $('#s-week'); if (w && s) { s.value = w; s.dispatchEvent(new Event('input', { bubbles: true })); } }\n    function verdiep(){ hist.push({ huidig: 'uitkomst', state: kopie(state), variant: 'kort' }); variant = 'diep'; huidig = flow()[4]; meet('deepen', {}); render(); }\n    function terugKlik(){\n      if (huidig === 'uitkomst' && variant === 'kort') { state = {}; hist = []; huidig = 'q1'; meet('restart', {}); render(); return; }\n      var v = hist.pop(); if (!v) return; state = v.state; huidig = v.huidig; variant = v.variant || 'kort'; render();\n    }\n    terug.dataset.act = 'terug';\n    render();\n  })();\n\n\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) : 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>D\u00e9couvrez comment le logiciel de location Be-Bookable peut simplifier le processus de location et de r\u00e9servation pour vos clients. Profitez \u00e9galement d&#039;une gestion administrative optimale pour toutes vos r\u00e9servations. Essayez-le gratuitement d\u00e8s aujourd&#039;hui\u00a0!<\/p>","protected":false},"author":1,"featured_media":1696,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-108","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.be-bookable.com\/fr\/wp-json\/wp\/v2\/pages\/108","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.be-bookable.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.be-bookable.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.be-bookable.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.be-bookable.com\/fr\/wp-json\/wp\/v2\/comments?post=108"}],"version-history":[{"count":696,"href":"https:\/\/www.be-bookable.com\/fr\/wp-json\/wp\/v2\/pages\/108\/revisions"}],"predecessor-version":[{"id":8651,"href":"https:\/\/www.be-bookable.com\/fr\/wp-json\/wp\/v2\/pages\/108\/revisions\/8651"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.be-bookable.com\/fr\/wp-json\/wp\/v2\/media\/1696"}],"wp:attachment":[{"href":"https:\/\/www.be-bookable.com\/fr\/wp-json\/wp\/v2\/media?parent=108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}