{"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-09-21T18:29:02","modified_gmt":"2026-09-21T18:29:02","slug":"home","status":"publish","type":"page","link":"https:\/\/www.be-bookable.com\/de","title":{"rendered":"Start"},"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=Poppins:wght@400;500;600;700&family=Roboto:wght@300;400;500&display=swap\" rel=\"stylesheet\"><style>:root{\n  --bb-petrol:#033F57;--bb-petrol-rand:#3A7D9A;--bb-knop-secundair:#C8D5DC;--bb-achtergrond:#F4F5F9;--bb-wit:#FFFFFF;\n  --bb-tekst:#131313;--bb-tekst-gedempt:#3F4A56;--bb-lijn:#E3E7EE;--bb-rood:#E94854;--bb-oranje:#EF8534;--bb-groen:#4E9D68;\n  --bb-font-kop:'Poppins',sans-serif;--bb-font-tekst:'Roboto',sans-serif;\n  \n  --shop-primary:#2A5C59;--shop-secondary:#2A5C59;--shop-range:#DCEBEA;\n  \n  --adm-deep:#004b68;--adm-foam:#f0f6f6;--adm-frost:#ddeaeb;--adm-dusk:#3d6878;--adm-silver:#afc8cd;\n  --adm-coral:#E84855;--adm-amber:#EE8434;--adm-sage:#4F9D69;--adm-font:'Inter',system-ui,sans-serif;\n}\n.bbv2 *{box-sizing:border-box}\n.bbv2{scroll-behavior:smooth}\n.bbv2{margin:0;background:var(--bb-achtergrond);color:var(--bb-tekst);font-family:var(--bb-font-tekst);font-weight:300;font-size:18px;line-height:1.6}\n.bbv2 a{color:var(--bb-petrol)}\n.bbv2 a:hover{color:var(--bb-petrol-rand)}\n.bbv2 h1,.bbv2 h2,.bbv2 h3{font-family:var(--bb-font-kop);color:var(--bb-petrol);margin:0}\n.bbv2 h1{font-size:clamp(36px,4.6vw,58px);line-height:1.1;font-weight:700}\n.bbv2 h2{font-size:clamp(28px,3.4vw,42px);line-height:1.15;font-weight:700}\n.bbv2 h3{font-size:24px;line-height:1.25;font-weight:600}\n.bbv2 p{margin:0}\n.bbv2 .wrap{max-width:1160px;margin:0 auto;padding:0 24px}\n.bbv2 section{padding:88px 0}\n.bbv2 .boven{font-family:var(--bb-font-kop);font-weight:600;font-size:14px;letter-spacing:.07em;text-transform:uppercase;color:var(--bb-petrol);margin-bottom:12px}\n.bbv2 .lead{margin-top:16px;max-width:640px}\n.bbv2 .knop{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 30px;border-radius:999px;border:2px solid var(--bb-petrol-rand);font-family:var(--bb-font-kop);font-weight:500;font-size:18px;text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s}\n.bbv2 .knop:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(3,63,87,.2)}\n.bbv2 .knop--primair{background:var(--bb-petrol);color:#fff}\n.bbv2 .knop--primair:hover{color:#fff}\n.bbv2 .knop--secundair{background:var(--bb-knop-secundair);color:var(--bb-petrol)}\n.bbv2 .knop--klein{min-height:44px;font-size:15px;padding:0 22px}\n.bbv2 button{font:inherit;white-space:normal;text-transform:none;letter-spacing:normal}\n.bbv2 :focus-visible{outline:3px solid var(--bb-oranje);outline-offset:2px}\n.bbv2 .stip{display:inline-block;width:10px;height:10px;flex-shrink:0}\n.bbv2 .stip--rood{background:var(--bb-rood)}\n.bbv2 .stip--oranje{background:var(--bb-oranje)}\n.bbv2 .stip--groen{background:var(--bb-groen)}\n.bbv2 .moment{display:flex;align-items:center;gap:8px;font-family:var(--bb-font-kop);font-weight:600;font-size:15px;color:var(--bb-petrol)}\n.bbv2 .kaart{background:#fff;border-radius:20px}\n.bbv2 .demo-noot{font-size:14px;color:var(--bb-tekst-gedempt);font-weight:400;line-height:1.5}\n.bbv2 [hidden]{display:none!important}\n.bbv2 table{margin:0;border:0}\n.bbv2 table td,.bbv2 table th,.bbv2 table tbody>tr>td,.bbv2 table tbody>tr>th,.bbv2 table tbody>tr:nth-child(odd)>td,.bbv2 table tbody>tr:nth-child(odd)>th{border:0;background:transparent;vertical-align:top}\n.bbv2 .rij>*,.bbv2 .hero-grid>*,.bbv2 .reken-grid>*,.bbv2 .stappen-grid>*,.bbv2 .adm-velden>*,.bbv2 .veld-rij>*{min-width:0}\n.bbv2 .adm-tabel,.bbv2 .adm-regels{word-break:break-word}\n.bbv2 .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}\n.bbv2 header.top{background:#fff;border-bottom:1px solid var(--bb-lijn);position:sticky;top:0;z-index:5}\n.bbv2 header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:12px;padding-bottom:12px}\n.bbv2 .logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--bb-font-kop);font-weight:700;font-size:20px;color:var(--bb-petrol)}\n.bbv2 .nav{display:flex;gap:28px;font-family:var(--bb-font-kop);font-size:15px;font-weight:500}\n.bbv2 .nav a{text-decoration:none;min-height:44px;display:flex;align-items:center}\n.bbv2 .nav-rechts{display:flex;align-items:center;gap:16px;font-family:var(--bb-font-kop);font-size:14px;font-weight:600}\n.bbv2 .hero{padding:64px 0 88px}\n.bbv2 .hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}\n.bbv2 .hero p.tekst{margin-top:20px;max-width:540px}\n.bbv2 .knoppen{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}\n.bbv2 .prijsregel{margin-top:16px;font-size:15px;color:var(--bb-tekst-gedempt);font-weight:400}\n.bbv2 .vergelijk{background:#fff;border-radius:20px;padding:20px;box-shadow:0 20px 50px rgba(3,63,87,.1)}\n.bbv2 .schakel{display:inline-flex;background:var(--bb-achtergrond);border-radius:999px;padding:4px;gap:4px;margin-bottom:16px}\n.bbv2 .schakel button{min-height:44px;padding:0 20px;border-radius:999px;border:0;cursor:pointer;font-family:var(--bb-font-kop);font-size:15px;font-weight:500;background:transparent;color:var(--bb-petrol)}\n.bbv2 .schakel button[aria-pressed=\"true\"]{background:var(--bb-petrol);color:#fff}\n.bbv2 .kopje{font-family:var(--bb-font-kop);font-weight:600;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--bb-tekst-gedempt);margin-bottom:10px}\n.bbv2 .mail-lijst{list-style:none;margin:0;padding:0;display:grid;gap:8px}\n.bbv2 .mail-lijst li{display:grid;grid-template-columns:72px 1fr;gap:10px;background:var(--bb-achtergrond);border-radius:10px;padding:9px 12px;font-size:14px;line-height:1.45;font-weight:400}\n.bbv2 .mail-lijst li.jij{background:#E7EEF2}\n.bbv2 .mail-lijst .t{font-family:var(--bb-font-kop);font-weight:500;color:var(--bb-tekst-gedempt);font-size:13px}\n.bbv2 .uitkomst{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}\n.bbv2 .uitkomst div{border-radius:10px;padding:10px;text-align:center;font-size:13px;font-weight:400}\n.bbv2 .uitkomst b{display:block;font-family:var(--bb-font-kop);font-size:22px;font-weight:600}\n.bbv2 .uitkomst.slecht div{background:#FCE8EA;color:#8F1D27}\n.bbv2 .uitkomst.goed div{background:#E3F1E8;color:#1F5136}\n.bbv2 .tijdlijn{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px;font-weight:400;line-height:1.45}\n.bbv2 .tijdlijn>li{background:var(--bb-achtergrond);border-radius:10px;padding:10px 12px}\n.bbv2 .tijdlijn .t{font-family:var(--bb-font-kop);font-weight:500;font-size:13px;color:var(--bb-tekst-gedempt);margin-right:6px}\n.bbv2 .adm-order{font-family:var(--adm-font);background:#fff;border:1px solid var(--adm-frost);border-radius:10px;padding:10px 12px;margin-top:8px}\n.bbv2 .adm-order .kop{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-weight:600;color:var(--adm-deep);font-size:14px}\n.bbv2 .badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--adm-font);font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px}\n.bbv2 .badge--oranje{background:#FDEBDC;color:#7A3D0A}\n.bbv2 .badge--groen{background:#E3F1E8;color:#1F5136}\n.bbv2 .badge--blauw{background:#E1EEF5;color:#0B4F6C}\n.bbv2 .badge--grijs{background:#E8EEF0;color:#2f4b57}\n.bbv2 .adm-regels{width:100%;border-collapse:collapse;margin-top:6px;font-size:13px}\n.bbv2 .adm-regels td{padding:3px 0}\n.bbv2 .adm-regels td:last-child{text-align:right;white-space:nowrap}\n.bbv2 .adm-regels tr.tot td{border-top:1px solid var(--adm-frost);font-weight:600;padding-top:6px}\n.bbv2 .bijschrift{margin-top:12px;font-size:13px;color:var(--bb-tekst-gedempt);font-weight:400}\n.bbv2 .momenten{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}\n.bbv2 .momenten article{background:#fff;border-radius:20px;padding:24px}\n.bbv2 .momenten h3{font-size:20px;margin:10px 0 8px}\n.bbv2 .momenten p{font-size:16px}\n.bbv2 .reken-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;margin-top:36px;align-items:start}\n.bbv2 .schuif{margin-bottom:22px}\n.bbv2 .schuif label{display:flex;justify-content:space-between;font-family:var(--bb-font-kop);font-weight:500;font-size:15px;color:var(--bb-petrol)}\n.bbv2 .schuif input{width:100%;accent-color:var(--bb-petrol);min-height:32px}\n.bbv2 .paneel{background:var(--bb-petrol);color:#fff;border-radius:20px;padding:28px}\n.bbv2 .paneel .klein{font-size:14px;opacity:.85;font-weight:400}\n.bbv2 .paneel .groot{font-family:var(--bb-font-kop);font-weight:700;font-size:44px;line-height:1.1;margin:4px 0 16px}\n.bbv2 .paneel .oranje{color:#FFB37A}\n.bbv2 .paneel hr{border:0;border-top:1px solid rgba(255,255,255,.2);margin:16px 0}\n.bbv2 .paneel .knop{margin-top:18px;background:#fff;color:var(--bb-petrol);border-color:#fff}\n.bbv2 .rij{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;background:#fff;border-radius:24px;padding:36px;margin-top:28px}\n.bbv2 .rij h3{margin:10px 0 12px}\n.bbv2 .rij p{font-size:17px}\n.bbv2 .rij .aansporing{margin-top:14px;font-family:var(--bb-font-kop);font-weight:500;font-size:15px;color:var(--bb-petrol)}\n.bbv2 .scherm{background:#fff;border:1px solid var(--bb-lijn);border-radius:16px;box-shadow:0 16px 40px rgba(3,63,87,.1);overflow:hidden}\n.bbv2 .scherm-balk{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#F1F3F6;border-bottom:1px solid var(--bb-lijn);font-family:var(--bb-font-kop);font-size:12px;color:var(--bb-tekst-gedempt)}\n.bbv2 .scherm-balk i{width:9px;height:9px;border-radius:50%;background:#D5DAE1;display:inline-block}\n.bbv2 .scherm-balk span{margin-left:6px;background:#fff;border-radius:6px;padding:2px 10px;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}\n.bbv2 .shop{font-family:'Poppins',sans-serif;font-weight:400;font-size:14px;color:#1d1d1d;line-height:1.45}\n.bbv2 .shop-head{background:var(--shop-primary);color:#fff;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;font-weight:500;font-size:15px}\n.bbv2 .shop-body{padding:16px}\n.bbv2 .shop h4{font-family:'Poppins',sans-serif;margin:0;color:var(--shop-primary);font-weight:500}\n.bbv2 .shop-titel{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}\n.bbv2 .shop-titel h4{font-size:20px}\n.bbv2 .shop-titel .prijs{font-size:16px;color:var(--shop-primary);font-weight:500;white-space:nowrap}\n.bbv2 .kal{border:1px solid var(--bb-lijn);border-radius:10px;overflow:hidden}\n.bbv2 .kal-kop{background:var(--shop-secondary);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:10px 14px;font-weight:500;font-size:13px}\n.bbv2 .kal-grid{display:grid;grid-template-columns:repeat(7,1fr);padding:6px 6px 8px;row-gap:2px}\n.bbv2 .kal-wd{text-align:center;font-size:11px;font-weight:500;color:#555;padding:4px 0}\n.bbv2 .dag{height:38px;border:0;padding:0;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}\n.bbv2 .dag span{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:13px;color:#1d1d1d}\n.bbv2 .dag:hover:not(:disabled) span{outline:1px solid var(--shop-primary)}\n.bbv2 .dag:disabled{cursor:default}\n.bbv2 .dag:disabled span{color:rgba(0,0,0,.33)}\n.bbv2 .dag.mid{background:var(--shop-range)}\n.bbv2 .dag.start{background:linear-gradient(90deg,transparent 50%,var(--shop-range) 50%)}\n.bbv2 .dag.eind{background:linear-gradient(90deg,var(--shop-range) 50%,transparent 50%)}\n.bbv2 .dag.start span,.bbv2 .dag.eind span,.bbv2 .dag.enkel span{background:var(--shop-primary);color:#fff;font-weight:500}\n.bbv2 .wis{background:none;border:0;padding:6px 0;color:var(--shop-primary);text-decoration:underline;cursor:pointer;font-size:13px;min-height:32px}\n.bbv2 .acc{border:1px solid var(--bb-lijn);border-radius:10px;padding:10px 14px;margin-top:10px}\n.bbv2 .acc h5{margin:0 0 6px;font-size:15px;font-weight:500;color:var(--shop-primary)}\n.bbv2 .acc label{display:flex;align-items:center;gap:8px;min-height:32px;cursor:pointer}\n.bbv2 .acc small{color:#555}\n.bbv2 .mand{display:flex;margin-top:10px;border:1px solid var(--bb-lijn);border-radius:8px;overflow:hidden}\n.bbv2 .mand input{width:64px;border:0;text-align:center;font:inherit;font-size:16px}\n.bbv2 .mand button{flex:1;min-height:46px;border:0;background:var(--shop-primary);color:#fff;font-weight:500;cursor:pointer}\n.bbv2 .mand button:disabled{background:#9aa3a8;cursor:not-allowed}\n.bbv2 .gegevens{margin-top:12px}\n.bbv2 .gegevens h5{margin:0 0 6px;font-size:16px;color:var(--shop-primary);font-weight:500}\n.bbv2 .gegevens dl{display:grid;grid-template-columns:1fr auto;margin:0;gap:2px 12px}\n.bbv2 .gegevens dt{font-weight:600}\n.bbv2 .gegevens dd{margin:0;text-align:right}\n.bbv2 .veld{display:block;background:#E8EBEF;border-bottom:1px solid #8a9199;border-radius:4px 4px 0 0;padding:6px 10px 5px;font-size:13px;margin-bottom:8px}\n.bbv2 .veld small{display:block;font-size:10px;color:#555}\n.bbv2 .veld-rij{display:grid;grid-template-columns:1fr 1fr;gap:8px}\n.bbv2 .shop h6{margin:12px 0 6px;font-family:'Poppins',sans-serif;font-size:15px;font-weight:600;color:var(--shop-primary)}\n.bbv2 .betaal{display:flex;align-items:center;gap:10px;border:1px solid var(--bb-lijn);border-radius:10px;padding:8px 12px;min-height:44px;margin-bottom:6px;cursor:pointer}\n.bbv2 .betaal:has(input:checked){border-color:var(--shop-primary);box-shadow:inset 0 0 0 1px var(--shop-primary)}\n.bbv2 .betaal .ico{margin-left:auto;font-size:11px;font-weight:600;border-radius:4px;padding:2px 6px;background:#F4F5F9}\n.bbv2 .akkoord{display:flex;gap:8px;align-items:flex-start;font-size:12px;margin:10px 0 4px;cursor:pointer}\n.bbv2 .akkoord a{color:inherit}\n.bbv2 .fout{color:#B00020;font-size:12px;min-height:16px}\n.bbv2 .shop-knoppen{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}\n.bbv2 .shop-knoppen button{min-height:44px;border-radius:6px;cursor:pointer}\n.bbv2 .shop-knoppen .terug{background:transparent;border:0;color:#333}\n.bbv2 .shop-knoppen .door{background:var(--shop-primary);border:0;color:#fff;font-weight:500}\n.bbv2 .overzicht{background:#F7F8FA;border:1px solid var(--bb-lijn);border-radius:10px;padding:10px 12px;font-size:13px}\n.bbv2 .overzicht table{width:100%;border-collapse:collapse}\n.bbv2 .overzicht td{padding:2px 0}\n.bbv2 .overzicht td:last-child{text-align:right;white-space:nowrap}\n.bbv2 .overzicht tr.tot td{border-top:1px solid var(--bb-lijn);font-weight:600;padding-top:6px}\n.bbv2 .wachten{text-align:center;padding:48px 16px}\n.bbv2 .spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--shop-range);border-top-color:var(--shop-primary);margin:0 auto 14px;animation:draai .9s linear infinite}\n@keyframes draai{to{transform:rotate(360deg)}}\n.bbv2 .bedankt h4{font-size:20px;margin-bottom:6px}\n.bbv2 .bedankt .partnertekst{background:#FFF8E6;border-left:3px solid var(--bb-oranje);padding:8px 10px;font-size:13px;margin:8px 0 12px}\n.bbv2 .onder-scherm{margin-top:14px;font-size:15px;font-weight:400;color:var(--bb-petrol);display:flex;gap:10px;align-items:flex-start}\n.bbv2 .adm{font-family:var(--adm-font);font-size:14px;color:#1b2b33;background:var(--adm-foam);line-height:1.45}\n.bbv2 .adm-body{padding:16px}\n.bbv2 .adm-kaart{background:#fff;border-radius:10px;border:1px solid var(--adm-frost)}\n.bbv2 .adm-kaart>h5{margin:0;padding:12px 16px;border-bottom:1px solid var(--adm-frost);font-size:14px;font-weight:600;color:var(--adm-deep);display:flex;justify-content:space-between}\n.bbv2 .adm-kaart .in{padding:14px 16px}\n.bbv2 .adm label.l,.bbv2 .adm .l{display:block;color:var(--adm-deep);font-size:13px;margin-bottom:4px}\n.bbv2 .adm .inp{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--adm-silver);border-radius:6px;min-height:38px;padding:0 10px;background:#fff;font-size:14px}\n.bbv2 .adm input.inp{width:100%;font:inherit}\n.bbv2 .adm .hulp{font-size:12px;color:var(--adm-dusk);margin-top:3px}\n.bbv2 .adm-velden{display:grid;grid-template-columns:1fr 1fr;gap:12px}\n.bbv2 .adm-sec{margin-top:14px}\n.bbv2 .stap-knop{display:flex;align-items:center;gap:6px}\n.bbv2 .stap-knop button{width:38px;height:38px;border-radius:6px;border:1px solid var(--adm-silver);background:#fff;color:var(--adm-deep);font-size:18px;cursor:pointer}\n.bbv2 .stap-knop button:disabled{color:#9bb0b6;cursor:not-allowed}\n.bbv2 .stap-knop output{min-width:44px;text-align:center;border:1px solid var(--adm-silver);border-radius:6px;min-height:38px;display:flex;align-items:center;justify-content:center;font-weight:500}\n.bbv2 .adm-tabel{width:100%;border-collapse:collapse;font-size:13px}\n.bbv2 .adm-tabel th{text-align:left;font-weight:500;color:var(--adm-dusk);font-size:12px;padding:6px 6px;border-bottom:1px solid var(--adm-frost)}\n.bbv2 .adm-tabel td{padding:7px 6px;border-bottom:1px solid var(--adm-frost)}\n.bbv2 .adm-knop{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:6px;border:1px solid var(--adm-deep);background:var(--adm-deep);color:#fff;font-weight:500;cursor:pointer;font-family:var(--adm-font);font-size:14px}\n.bbv2 .adm-knop--licht{background:#fff;color:var(--adm-deep)}\n.bbv2 .adm-melding{margin-top:10px;background:#E3F1E8;color:#1F5136;border-radius:6px;padding:8px 10px;font-size:13px}\n.bbv2 .koppel{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--adm-deep);font-weight:500}\n.bbv2 .vink{display:inline-flex;gap:6px;align-items:center;font-size:13px}\n.bbv2 .vink i{width:14px;height:14px;border-radius:3px;border:1px solid var(--adm-silver);display:inline-block}\n.bbv2 .vink i.aan{background:var(--adm-deep);border-color:var(--adm-deep)}\n.bbv2 .kleur{display:inline-block;width:22px;height:22px;border-radius:5px;vertical-align:middle;margin-right:6px}\n.bbv2 .toggle{display:inline-block;width:30px;height:16px;border-radius:999px;background:var(--adm-silver);position:relative;vertical-align:middle;margin-right:6px}\n.bbv2 .toggle::after{content:\"\";position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;top:2px;left:2px}\n.bbv2 .week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:6px}\n.bbv2 .week .dag{height:auto;flex-direction:column;padding:6px 0;border-radius:8px}\n.bbv2 .week .dag span{width:32px;height:32px}\n.bbv2 .week .wd{font-size:11px;color:#555}\n.bbv2 .oordeel{margin-top:12px;padding:12px 14px;border-radius:10px;font-weight:500;font-size:15px}\n.bbv2 .oordeel.bezet{background:#FCEBDD;color:#7A3D0A}\n.bbv2 .oordeel.vrij{background:#E3F1E8;color:#1F5136}\n.bbv2 .tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}\n.bbv2 .tabs button{min-height:44px;padding:0 16px;border-radius:999px;cursor:pointer;font-family:var(--bb-font-kop);font-size:14px;font-weight:500;border:2px solid var(--bb-knop-secundair);background:#fff;color:var(--bb-petrol)}\n.bbv2 .tabs button[aria-selected=\"true\"]{border-color:var(--bb-petrol);background:var(--bb-petrol);color:#fff}\n.bbv2 .mail{font-family:Arial,sans-serif;font-size:13px;line-height:1.5;background:#fff}\n.bbv2 .mail-kop{padding:10px 14px;border-bottom:1px solid var(--bb-lijn);font-size:12px;color:#555}\n.bbv2 .mail-kop b{color:#1d1d1d}\n.bbv2 .mail-body{padding:12px 14px}\n.bbv2 .mail table{width:100%;border-collapse:collapse;margin:6px 0}\n.bbv2 .mail th,.bbv2 .mail td{text-align:left;padding:3px 4px;border-bottom:1px solid #eee}\n.bbv2 .mail td:last-child,.bbv2 .mail th:last-child{text-align:right}\n.bbv2 .bijlage{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--bb-lijn);border-radius:6px;padding:3px 8px;font-size:12px;margin:6px 6px 0 0}\n.bbv2 .gif{margin:0;display:flex;justify-content:center}\n.bbv2 .gif img{display:block;max-width:100%;height:auto;border-radius:16px;border:1px solid var(--bb-lijn);box-shadow:0 16px 40px rgba(3,63,87,.1);background:#fff}\n.bbv2 .gif--staand img{max-height:620px;width:auto}\n.bbv2 .ook{margin-top:36px}\n.bbv2 .ook h3{font-size:20px}\n.bbv2 .chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;padding:0;list-style:none}\n.bbv2 .chips li{background:#fff;border:1px solid var(--bb-lijn);border-radius:999px;padding:8px 16px;font-size:15px;font-weight:400}\n.bbv2 .stappen-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:36px;align-items:start}\n.bbv2 .stappen{list-style:none;margin:0;padding:0;display:grid;gap:8px}\n.bbv2 .stappen button{transition:none;width:100%;color:var(--bb-tekst);display:flex;gap:16px;align-items:flex-start;text-align:left;padding:18px 20px;border-radius:16px;cursor:pointer;border:2px solid transparent;background:transparent}\n.bbv2 .stappen button[aria-selected=\"true\"]{border-color:var(--bb-petrol);background:#fff}\n.bbv2 .stappen .nr{width:36px;height:36px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--bb-font-kop);font-weight:600;background:var(--bb-knop-secundair);color:var(--bb-petrol)}\n.bbv2 .stappen button[aria-selected=\"true\"] .nr{background:var(--bb-petrol);color:#fff}\n.bbv2 .stappen strong{display:block;font-family:var(--bb-font-kop);font-weight:600;font-size:18px;color:var(--bb-petrol)}\n.bbv2 .stappen span.t{font-size:16px}\n.bbv2 .stappen-noot{margin-top:12px;font-size:15px;font-weight:400;color:var(--bb-tekst-gedempt);padding-left:20px}\n.bbv2 .prijsbalk{background:var(--bb-petrol);color:#fff;border-radius:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:36px}\n.bbv2 .prijsbalk b{display:block;font-family:var(--bb-font-kop);font-weight:700;font-size:34px;line-height:1.15}\n.bbv2 .prijsbalk span{font-size:15px;font-weight:400;opacity:.9}\n.bbv2 .winkels{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}\n.bbv2 .winkels a{display:block;background:#fff;border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;border:1px solid var(--bb-lijn)}\n.bbv2 .winkels .beeld{aspect-ratio:16\/10;background:#E6EFEE;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--bb-tekst-gedempt);font-weight:400}\n.bbv2 .winkels .tx{padding:16px 18px}\n.bbv2 .winkels strong{display:block;font-family:var(--bb-font-kop);font-weight:600;color:var(--bb-petrol)}\n.bbv2 .winkels small{font-size:15px;font-weight:400}\n.bbv2 details{background:#fff;border-radius:14px;margin-top:10px}\n.bbv2 summary{cursor:pointer;padding:16px 20px;font-family:var(--bb-font-kop);font-weight:600;color:var(--bb-petrol);min-height:44px;list-style-position:inside}\n.bbv2 details p{padding:0 20px 18px;font-size:17px}\n.bbv2 .slot{background:var(--bb-petrol);color:#fff;text-align:center}\n.bbv2 .slot h2{color:#fff}\n.bbv2 .slot .knoppen{justify-content:center}\n.bbv2 .slot .knop--primair{background:#fff;color:var(--bb-petrol);border-color:#fff}\n.bbv2 footer{background:#fff;padding:56px 0 24px;font-size:15px;font-weight:400}\n.bbv2 .foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}\n.bbv2 footer h4{font-family:var(--bb-font-kop);margin:0 0 10px;color:var(--bb-petrol);font-size:16px}\n.bbv2 footer ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}\n.bbv2 footer ul a{display:inline-flex;min-height:32px;align-items:center}\n.bbv2 .foot-onder{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid var(--bb-lijn);margin-top:32px;padding-top:16px;font-size:14px;color:var(--bb-tekst-gedempt)}\n@media (max-width:960px){.bbv2 .nav{display:none}\n.bbv2 .hero-grid,.bbv2 .reken-grid,.bbv2 .rij,.bbv2 .stappen-grid{grid-template-columns:1fr}\n.bbv2 .momenten,.bbv2 .winkels{grid-template-columns:1fr}\n.bbv2 .prijsbalk{grid-template-columns:1fr 1fr}\n.bbv2 .foot-grid{grid-template-columns:1fr}\n.bbv2 .rij{padding:22px}}\n@media (max-width:520px){.bbv2 section{padding:64px 0}\n.bbv2 .wrap{padding:0 16px}\n.bbv2 .logo .woord{display:none}\n.bbv2 .vergelijk{padding:14px}\n.bbv2 .schakel button{padding:0 12px;font-size:14px}\n.bbv2 .mail-lijst li{grid-template-columns:1fr;gap:0}\n.bbv2 .veld-rij,.bbv2 .adm-velden{grid-template-columns:1fr}\n.bbv2 .shop-body,.bbv2 .adm-body{padding:12px}\n.bbv2 .prijsbalk{padding:24px}\n.bbv2 .prijsbalk b{font-size:28px}}\n.bbv2 .hero-grid{align-items:stretch}\n.bbv2 .hero-tekst{display:flex;flex-direction:column;justify-content:space-between;gap:28px}\n.bbv2 .hero-rechts{display:flex;flex-direction:column}\n.bbv2 .vergelijk{flex:1;display:flex;flex-direction:column}\n.bbv2 .panelen{display:grid;flex:1}\n.bbv2 .panelen>[data-paneel]{grid-area:1\/1;display:flex;flex-direction:column}\n.bbv2 .panelen>[data-paneel].uit{visibility:hidden}\n.bbv2 .panelen .uitkomst{margin-top:auto;padding-top:14px}\n.bbv2 .vergelijk .bijschrift{margin:12px 0 0}\n.bbv2 .reken-grid{align-items:stretch}\n.bbv2 .schuiven{display:flex;flex-direction:column;justify-content:space-between}\n.bbv2 .schuiven .schuif{margin-bottom:0}\n@media (min-width:961px){.bbv2 .rij--om{grid-template-columns:1.1fr .9fr}\n.bbv2 .rij--om>figure{order:-1}}\n.bbv2 .functies{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0 24px}\n.bbv2 .functies a{display:flex;align-items:center;min-height:40px;border-bottom:1px solid var(--bb-lijn);font-size:15px;font-weight:400;text-decoration:none;color:var(--bb-petrol)}\n.bbv2 .functies a::after{content:\"\\2192\";margin-left:auto;padding-left:8px;opacity:.5}\n.bbv2 .functies a:hover{color:var(--bb-petrol-rand)}\n.bbv2 .stap-uitleg{display:none}\n.bbv2 .prijsbalk{margin-top:48px}\n.bbv2 .over-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center}\n.bbv2 .feiten{list-style:none;margin:0;padding:0;display:grid;gap:12px}\n.bbv2 .feiten li{background:var(--bb-achtergrond);border-radius:16px;padding:16px 20px}\n.bbv2 .feiten b{display:block;font-family:var(--bb-font-kop);font-weight:700;font-size:28px;color:var(--bb-petrol);line-height:1.2}\n.bbv2 .feiten span{font-size:15px;font-weight:400;color:var(--bb-tekst-gedempt)}\n@media (max-width:960px){.bbv2 .functies{grid-template-columns:1fr 1fr;gap:0 16px}\n.bbv2 .functies a{font-size:14px;min-height:44px}\n.bbv2 .over-grid{grid-template-columns:1fr;gap:28px}\n.bbv2 .stappen{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}\n.bbv2 .stappen button{flex-direction:column;align-items:center;text-align:center;gap:6px;padding:10px 4px;border-radius:12px;height:100%}\n.bbv2 .stappen strong{font-size:13px;line-height:1.25}\n.bbv2 .stappen span.t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}\n.bbv2 .stap-uitleg{display:block;margin-top:10px;font-size:15px;font-weight:400;padding:0 4px}\n.bbv2 .stappen-noot{display:none}\n.bbv2 .stappen-grid{gap:16px}}\n.bbv2 .vergelijk{padding:18px}\n.bbv2 .schakel{margin-bottom:12px}\n.bbv2 .kopje{margin-bottom:8px}\n.bbv2 .mail-lijst,.bbv2 .tijdlijn{gap:6px;align-content:start}\n.bbv2 .mail-lijst li,.bbv2 .tijdlijn>li{margin:0;padding:7px 12px;font-size:13.5px;line-height:1.4}\n.bbv2 .adm-order{margin-top:6px;padding:8px 10px}\n.bbv2 .uitkomst div{padding:8px}\n.bbv2 .uitkomst b{font-size:20px}\n.bbv2 .hero-tekst .knoppen{margin-top:0}\n@media (max-width:960px){.bbv2 .stappen li{min-width:0}\n.bbv2 .stappen button{min-width:0;width:100%}\n.bbv2 .stappen strong{font-size:12px;hyphens:manual}}\n.bbv2 .moment .echo{font-weight:400;color:var(--bb-tekst-gedempt);font-size:14px}\n.bbv2 .moment .echo::before{content:\"\\00b7\";margin:0 6px 0 2px}\n.bbv2 .momenten article{display:flex;flex-direction:column}\n.bbv2 .naar-oplossing{margin-top:auto;padding-top:14px;font-family:var(--bb-font-kop);font-weight:500;font-size:15px;min-height:44px;display:inline-flex;align-items:center}\n.bbv2 .naar-oplossing::after{content:\"\\2193\";margin-left:6px}\n.bbv2 .rij{scroll-margin-top:110px}\n.bbv2 p.functies{margin-top:10px;font-size:16px;font-weight:400;line-height:1.9;max-width:none}\n.bbv2 p.functies a{white-space:nowrap}\n.bbv2 .winkels .beeld{position:relative;aspect-ratio:16\/10;overflow:hidden;background:#E6EFEE}\n.bbv2 .winkels .beeld img:first-child{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}\n.bbv2 .winkels .beeld .logo{position:absolute;left:14px;bottom:-1px;width:64px;height:64px;border-radius:50%;background:#fff;border:3px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(40%)}\n.bbv2 .winkels .tx{padding:44px 18px 18px}\n.bbv2 .winkels .soort{display:block;font-size:14px;font-weight:500;color:var(--bb-tekst-gedempt);margin-bottom:4px}\n.bbv2 .feiten{align-content:center}\n.bbv2 p.functies{display:block}\n.bbv2 p.functies a{display:inline;min-height:0;border:0;font-size:inherit;color:var(--bb-petrol);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--bb-knop-secundair)}\n.bbv2 p.functies a::after{content:none}\n.bbv2 p.functies a:hover{text-decoration-color:currentColor}\n.bbv2 .winkels .kop{position:relative}\n.bbv2 .winkels .kop .logo{position:absolute;left:16px;bottom:-30px;width:64px;height:64px;border-radius:50%;background:#fff;border:3px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.15);transform:none;object-fit:cover}\n.bbv2 .panelen li{position:relative}\n.bbv2 .anim .panelen li,.bbv2 .anim .panelen .uitkomst div{opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease}\n.bbv2 .anim .panelen li.toon,.bbv2 .anim .panelen .uitkomst div.toon{opacity:1;transform:none}\n.bbv2 .anim .panelen li.typt{opacity:1;transform:none}\n.bbv2 .anim .panelen li.typt>*{visibility:hidden}\n.bbv2 .anim .panelen li.typt::after{content:\"\";position:absolute;left:14px;top:50%;width:34px;height:8px;margin-top:-4px;\n  background:radial-gradient(circle,var(--bb-tekst-gedempt) 3px,transparent 3.5px) 0 0\/12px 8px repeat-x;animation:typt 1s steps(3) infinite}\n@keyframes typt{0%{width:10px}100%{width:34px}}\n.bbv2 .meer-functies{display:none}\n.bbv2 .functies.open .meer-functies{display:inline}\n.bbv2 .meer-knop{border:0;background:none;padding:0 0 0 4px;font:inherit;font-family:var(--bb-font-kop);font-weight:500;font-size:15px;color:var(--bb-petrol);cursor:pointer;min-height:32px;text-decoration:underline;text-underline-offset:3px}\n.bbv2 .prijsbalk{margin-top:80px}\n.bbv2 .prijs-link{margin-top:14px;text-align:center;font-family:var(--bb-font-kop);font-weight:500;font-size:15px}\n.bbv2 .alle-functies{font-family:var(--bb-font-kop);font-weight:500;white-space:nowrap;text-decoration:none!important}\n.bbv2 .alle-functies::after{content:\" \\2192\"}\n.bbv2 .rij p a,.bbv2 details p a,.bbv2 .lead a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--bb-knop-secundair)}\n.bbv2 .rij p a:hover,.bbv2 details p a:hover{text-decoration-color:currentColor}\n.bbv2 .mini-rooster{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--adm-frost);border-radius:6px;overflow:hidden}\n.bbv2 .mini-dag{padding:6px 4px 8px;border-right:1px solid var(--adm-frost);text-align:center}\n.bbv2 .mini-dag:last-child{border-right:0}\n.bbv2 .mini-dag span{display:block;font-size:11px;color:var(--adm-dusk);text-align:left}\n.bbv2 .mini-dag b{display:block;font-size:15px;font-weight:600;color:var(--adm-sage)}\n.bbv2 #r-bb,.bbv2 .uitkomst b,.bbv2 .prijsbalk b{white-space:nowrap}\n.bbv2 .schuif input{min-height:44px}\n.bbv2 .over-grid p a{display:inline-flex;align-items:center;min-height:44px}\n@media (max-width:520px){.bbv2 .knoppen{flex-wrap:nowrap;gap:10px}\n.bbv2 .knoppen .knop{flex:1 1 0;min-width:0;padding:0 10px;min-height:50px;font-size:16px;white-space:nowrap}\n.bbv2 .slot .knoppen{max-width:420px;margin-left:auto;margin-right:auto}\n.bbv2 .schakel{display:flex;width:100%}\n.bbv2 .schakel button{flex:1 1 0;padding:0 6px;font-size:13px;white-space:nowrap}\n.bbv2 .vergelijk .kopje{font-size:11px;letter-spacing:.04em}\n.bbv2 .uitkomst{gap:6px}\n.bbv2 .uitkomst div{padding:8px 4px;font-size:12px}\n.bbv2 .uitkomst b{font-size:17px}\n.bbv2 .paneel .klein[style*=\"space-between\"]{align-items:baseline}\n.bbv2 .feiten li{padding:12px 16px}\n.bbv2 .feiten b{font-size:22px}\n.bbv2 .over-grid p[style*=\"flex-wrap\"]{gap:0 18px!important;margin-top:10px!important}}\n@media (max-width:370px){.bbv2 .knoppen .knop{font-size:15px;padding:0 8px}\n.bbv2 .schakel button{font-size:12px}}\n.bbv2 .adm-velden.drie{grid-template-columns:repeat(3,1fr)}\n.bbv2 .winkels .kop .winkel-logo{position:absolute;left:16px;bottom:-30px;width:64px;height:64px;border-radius:50%;background:#fff;border:3px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.15);object-fit:contain;padding:3px;box-sizing:border-box}\n@media (min-width:961px){.bbv2 .stappen-grid>div:first-child{position:sticky;top:124px;align-self:start}}\n@media (max-width:960px){.bbv2 .stappen-grid>div:first-child{display:contents}\n.bbv2 .stappen-grid .scherm{margin-top:4px}\n.bbv2 .stappen{position:sticky;top:65px;z-index:3;background:#fff;padding:8px 0;margin:-8px 0 0}\n.bbv2 .stap-uitleg{margin:0;padding:4px 4px 6px}\n.bbv2 .stappen button{padding:6px 2px;gap:4px}\n.bbv2 .stappen .nr{width:28px;height:28px;font-size:14px}\n.bbv2 .stappen strong{font-size:11.5px}}\n@media (prefers-reduced-motion:reduce){.bbv2 *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}\n.bbv2 section{margin:0}.bbv2 img{max-width:100%}<\/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, 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, Wix, Shopify 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, silent disco, sound and lighting, SUPs, bikes, tools and trailers.\"}}, {\"@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\">\n   <div class=\"vergelijk\">\n    <div class=\"schakel\" role=\"group\" aria-label=\"Comparison\">\n     <button type=\"button\" data-view=\"zonder\" aria-pressed=\"true\">Without Be-Bookable<\/button>\n     <button type=\"button\" data-view=\"met\" aria-pressed=\"false\">With Be-Bookable<\/button>\n    <\/div>\n\n    <div class=\"panelen\">\n    <div data-paneel=\"zonder\">\n     <p class=\"kopje\">Inbox \u00b7 The same request by email<\/p>\n     <ul class=\"mail-lijst\">\n      <li><span class=\"t\">Sat 22:41<\/span><span><b>Sanne:<\/b> Is the 4 \u00d7 8 party tent still available on 12 March?<\/span><\/li>\n      <li class=\"jij\"><span class=\"t\">Sun 10:15<\/span><span><b>You:<\/b> Yes, it is. It costs \u20ac85 per day.<\/span><\/li>\n      <li><span class=\"t\">Sun 19:02<\/span><span><b>Sanne:<\/b> Great. Can I add lighting?<\/span><\/li>\n      <li class=\"jij\"><span class=\"t\">Mon 08:30<\/span><span><b>You:<\/b> Sure, \u20ac15 per day. Shall I reserve it for you?<\/span><\/li>\n      <li><span class=\"t\">Mon 21:47<\/span><span><b>Sanne:<\/b> We already found something else. Thanks anyway!<\/span><\/li>\n     <\/ul>\n     <div class=\"uitkomst slecht\"><div><b>5<\/b>messages<\/div><div><b>2 days<\/b>lead time<\/div><div><b>\u20ac0<\/b>revenue<\/div><\/div>\n    <\/div>\n\n    <div data-paneel=\"met\" class=\"uit\" aria-hidden=\"true\">\n     <p class=\"kopje\">Your partner environment \u00b7 The same request in your webshop<\/p>\n     <ol class=\"tijdlijn\">\n      <li><span class=\"t\">Sat 22:41<\/span>Sanne opens your webshop and sees the tent is available on 12 March.<\/li>\n      <li><span class=\"t\">Sat 22:44<\/span>New order received.\n       <div class=\"adm-order\">\n        <div class=\"kop\">#1042 \u00b7 Sanne Jansen <span class=\"badge badge--oranje\">\u25d4 Pending<\/span><span class=\"badge badge--groen\">\u2713 Paid<\/span><\/div>\n        <table class=\"adm-regels\">\n         <tr><td>Party tent 4 \u00d7 8 m \u00b7 Fri 12 to Sun 14 March<\/td><td>\u20ac255.00<\/td><\/tr>\n         <tr><td>Lighting set, added by the customer<\/td><td>\u20ac45.00<\/td><\/tr>\n         <tr class=\"tot\"><td>Total<\/td><td>\u20ac300.00<\/td><\/tr>\n        <\/table>\n       <\/div>\n      <\/li>\n      <li><span class=\"t\">Sat 22:44<\/span>Email to Sanne, with invoice and calendar item. The tent is blocked for others.<\/li>\n     <\/ol>\n     <div class=\"uitkomst goed\"><div><b>0<\/b>messages<\/div><div><b>3 minutes<\/b>lead time<\/div><div><b>\u20ac300<\/b>revenue<\/div><\/div>\n    <\/div>\n    <\/div>\n    <p class=\"bijschrift\">One request, told twice. Switch with the buttons above.<\/p>\n   <\/div>\n  <\/div>\n <\/div>\n<\/section><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-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>Tuesday, 23:41<\/p><h3>A customer wants to book now. You are asleep.<\/h3><p>Anyone who can't book right away keeps looking. By the time you reply the next morning, someone else's tent is already in their calendar.<\/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 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 April, sets the rental period to per week, adds a stackable chair as an accessory and sees the total rise to 54 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><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><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><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><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\"><h5>Shop identity<\/h5><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\"><h5>Opening hours<\/h5><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\"><h5>Payment details<\/h5><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\"><h5>Shipping details<\/h5><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\"><h5>Category<\/h5><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\"><h5>Products in this category<\/h5><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\"><h5>Pricing<\/h5><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\"><h5>Stock<\/h5><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\"><h5>Accessories &amp; related products<\/h5><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\"><h5>Booking rules<\/h5><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\"><h5>Availability<\/h5><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, 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, Wix, Shopify 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, silent disco, sound and lighting, SUPs, bikes, tools and trailers.<\/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\n  \/* ===== Hero: elk verhaal speelt af als gesprek, de conclusies verschijnen pas daarna ===== *\/\n  var view = 'zonder', auto = !reduce, timers = [];\n  var vergelijk = $('.vergelijk');\n  function wis(){ timers.forEach(clearTimeout); timers = []; }\n  function na(ms, f){ timers.push(setTimeout(f, ms)); }\n  function speel(v, klaar){\n    var paneel = $('[data-paneel=\"' + v + '\"]');\n    var items = $$('li', paneel).filter(function(li){ return li.parentElement.matches('.mail-lijst, .tijdlijn'); });\n    var kaartjes = $$('.uitkomst div', paneel);\n    items.concat(kaartjes).forEach(function(e){ e.classList.remove('toon', 'typt'); });\n    \/\/ De pauze voor elk bericht hangt af van de echte tijd ertussen: 11 uur stilte duurt langer dan 3 minuten.\n    var DAG = { Mon: 0, Tue: 1, Wed: 2, Thu: 3, Fri: 4, Sat: 5, Sun: 6 }, vorige = null, t = 300;\n    items.forEach(function(li){\n      var m = (($('.t', li) || {}).textContent || '').match(\/(Mon|Tue|Wed|Thu|Fri|Sat|Sun) (\\d\\d):(\\d\\d)\/);\n      var minuten = null;\n      if (m) { minuten = DAG[m[1]] * 1440 + (+m[2]) * 60 + (+m[3]); if (vorige !== null && minuten < vorige) minuten += 7 * 1440; }\n      if (vorige !== null && minuten !== null) t += 1400 + Math.min(minuten - vorige, 900) * 1.0;\n      vorige = minuten;\n      na(t, function(){ li.classList.add('toon'); });\n    });\n    t += 1500;\n    kaartjes.forEach(function(k){ na(t, function(){ k.classList.add('toon'); }); t += 250; });\n    if (klaar) na(t + 3500, klaar);\n  }\n  function toonView(v, metAnimatie){\n    view = v;\n    $$('.schakel button').forEach(function(b){ b.setAttribute('aria-pressed', b.dataset.view === v ? 'true' : 'false'); });\n    $$('[data-paneel]').forEach(function(p){ var uit = p.dataset.paneel !== v; p.classList.toggle('uit', uit); p.setAttribute('aria-hidden', uit ? 'true' : 'false'); });\n    wis();\n    if (metAnimatie) speel(v, auto ? function(){ toonView(v === 'zonder' ? 'met' : 'zonder', true); } : null);\n  }\n  $$('.schakel button').forEach(function(b){ b.addEventListener('click', function(){ auto = false; toonView(b.dataset.view, !reduce); }); });\n  if (reduce) { toonView('met', false); }\n  else { vergelijk.classList.add('anim'); toonView('zonder', true); }\n\n\n  \/* ===== Gifs: speel alleen de gif die het meest in beeld is, de rest staat stil ===== *\/\n  (function(){\n    var figs = $$('.gif img[data-gif]');\n    if (!figs.length || reduce || !('IntersectionObserver' in window)) return;\n    \/\/ Imagify verpakt de afbeelding in <picture> met een webp-versie van het stilstaande beeld; die wint\n    \/\/ anders van img.src, waardoor de gif nooit zichtbaar wordt.\n    figs.forEach(function(img){ var pic = img.closest('picture'); if (pic) $$('source', pic).forEach(function(so){ so.remove(); }); });\n    var zicht = new Map(), actief = null;\n    function kies(){\n      var best = null, bestR = 0.35;\n      zicht.forEach(function(r, img){ if (r > bestR) { best = img; bestR = r; } });\n      if (best === actief) return;\n      if (actief) actief.src = actief.dataset.still;\n      actief = best;\n      if (actief) actief.src = actief.dataset.gif;\n    }\n    var io = new IntersectionObserver(function(es){ es.forEach(function(e){ zicht.set(e.target, e.intersectionRatio); }); kies(); }, { threshold: [0, .2, .35, .5, .65, .8, 1] });\n    figs.forEach(function(img){ io.observe(img); });\n  })();\n\n  \/* ===== Functies: Bekijk meer ===== *\/\n  var mk = $('.meer-knop');\n  if (mk) mk.addEventListener('click', function(){ var p = mk.closest('.functies'); var open = !p.classList.contains('open'); p.classList.toggle('open', open); mk.setAttribute('aria-expanded', open ? 'true' : 'false'); mk.textContent = open ? 'Minder tonen' : 'Bekijk meer'; });\n\n  \/* ===== Rekenvoorbeeld ===== *\/\n  function reken(){\n    var w = +$('#s-week').value, b = +$('#s-buiten').value, a = +$('#s-afhaak').value, o = +$('#s-order').value;\n    $('#o-week').textContent = w; $('#o-buiten').textContent = b + '%'; $('#o-afhaak').textContent = a + '%'; $('#o-order').textContent = '\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>Entdecke, wie die Vermietungssoftware von Be-Bookable den Vermietungs- und Buchungsprozess f\u00fcr deine Kunden vereinfachen kann. Erlebe gleichzeitig die praktischste Backoffice-Verwaltung f\u00fcr all deine Buchungen. Probier es noch heute kostenlos aus!<\/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\/de\/wp-json\/wp\/v2\/pages\/108","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.be-bookable.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.be-bookable.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.be-bookable.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.be-bookable.com\/de\/wp-json\/wp\/v2\/comments?post=108"}],"version-history":[{"count":696,"href":"https:\/\/www.be-bookable.com\/de\/wp-json\/wp\/v2\/pages\/108\/revisions"}],"predecessor-version":[{"id":8651,"href":"https:\/\/www.be-bookable.com\/de\/wp-json\/wp\/v2\/pages\/108\/revisions\/8651"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.be-bookable.com\/de\/wp-json\/wp\/v2\/media\/1696"}],"wp:attachment":[{"href":"https:\/\/www.be-bookable.com\/de\/wp-json\/wp\/v2\/media?parent=108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}