{"id":8942,"date":"2026-10-07T19:36:25","date_gmt":"2026-10-07T19:36:25","guid":{"rendered":"http:\/\/www.be-bookable.com\/"},"modified":"2026-10-21T20:09:45","modified_gmt":"2026-10-21T20:09:45","slug":"fahrradverleih","status":"publish","type":"post","link":"https:\/\/www.be-bookable.com\/de\/mietkategorien\/fahrradverleih\/","title":{"rendered":"Fahrradverleih"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8942\" class=\"elementor elementor-8942\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c190d67 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"c190d67\" 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-9134fcd\" data-id=\"9134fcd\" 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-97c3260 elementor-widget elementor-widget-html\" data-id=\"97c3260\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&family=Poppins:wght@400;500;600;700&family=Roboto:wght@300;400;500&display=swap\" rel=\"stylesheet\"><style>:root{\n  --bb-petrol:#033F57;--bb-petrol-rand:#3A7D9A;--bb-knop-secundair:#C8D5DC;--bb-achtergrond:#F4F5F9;--bb-wit:#FFFFFF;\n  --bb-tekst:#131313;--bb-tekst-gedempt:#3F4A56;--bb-lijn:#E3E7EE;--bb-rood:#E94854;--bb-oranje:#EF8534;--bb-groen:#4E9D68;\n  --bb-font-kop:'Poppins',sans-serif;--bb-font-tekst:'Roboto',sans-serif;\n  \n  --shop-primary:#2A5C59;--shop-secondary:#2A5C59;--shop-range:#DCEBEA;\n  \n  --adm-deep:#004b68;--adm-foam:#f0f6f6;--adm-frost:#ddeaeb;--adm-dusk:#3d6878;--adm-silver:#afc8cd;\n  --adm-coral:#E84855;--adm-amber:#EE8434;--adm-sage:#4F9D69;--adm-font:'Inter',system-ui,sans-serif;\n}\n.bbv2 *{box-sizing:border-box}\n.bbv2{scroll-behavior:smooth}\n.bbv2{margin:0;background:var(--bb-achtergrond);color:var(--bb-tekst);font-family:var(--bb-font-tekst);font-weight:300;font-size:18px;line-height:1.6}\n.bbv2 a{color:var(--bb-petrol)}\n.bbv2 a:hover{color:var(--bb-petrol-rand)}\n.bbv2 h1,.bbv2 h2,.bbv2 h3{font-family:var(--bb-font-kop);color:var(--bb-petrol);margin:0}\n.bbv2 h1{font-size:clamp(36px,4.6vw,58px);line-height:1.1;font-weight:700}\n.bbv2 h2{font-size:clamp(28px,3.4vw,42px);line-height:1.15;font-weight:700}\n.bbv2 h3{font-size:24px;line-height:1.25;font-weight:600}\n.bbv2 p{margin:0}\n.bbv2 .wrap{max-width:1160px;margin:0 auto;padding:0 24px}\n.bbv2 section{padding:88px 0}\n.bbv2 .boven{font-family:var(--bb-font-kop);font-weight:600;font-size:14px;letter-spacing:.07em;text-transform:uppercase;color:var(--bb-petrol);margin-bottom:12px}\n.bbv2 .lead{margin-top:16px;max-width:640px}\n.bbv2 .knop{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 30px;border-radius:999px;border:2px solid var(--bb-petrol-rand);font-family:var(--bb-font-kop);font-weight:500;font-size:18px;text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s}\n.bbv2 .knop:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(3,63,87,.2)}\n.bbv2 .knop--primair{background:var(--bb-petrol);color:#fff}\n.bbv2 .knop--primair:hover{color:#fff}\n.bbv2 .knop--secundair{background:var(--bb-knop-secundair);color:var(--bb-petrol)}\n.bbv2 .knop--klein{min-height:44px;font-size:15px;padding:0 22px}\n.bbv2 button{font:inherit;white-space:normal;text-transform:none;letter-spacing:normal}\n.bbv2 :focus-visible{outline:3px solid var(--bb-oranje);outline-offset:2px}\n.bbv2 .stip{display:inline-block;width:10px;height:10px;flex-shrink:0}\n.bbv2 .stip--rood{background:var(--bb-rood)}\n.bbv2 .stip--oranje{background:var(--bb-oranje)}\n.bbv2 .stip--groen{background:var(--bb-groen)}\n.bbv2 .moment{display:flex;align-items:center;gap:8px;font-family:var(--bb-font-kop);font-weight:600;font-size:15px;color:var(--bb-petrol)}\n.bbv2 .kaart{background:#fff;border-radius:20px}\n.bbv2 .demo-noot{font-size:14px;color:var(--bb-tekst-gedempt);font-weight:400;line-height:1.5}\n.bbv2 [hidden]{display:none!important}\n.bbv2 table{margin:0;border:0}\n.bbv2 table td,.bbv2 table th,.bbv2 table tbody>tr>td,.bbv2 table tbody>tr>th,.bbv2 table tbody>tr:nth-child(odd)>td,.bbv2 table tbody>tr:nth-child(odd)>th{border:0;background:transparent;vertical-align:top}\n.bbv2 .rij>*,.bbv2 .hero-grid>*,.bbv2 .reken-grid>*,.bbv2 .stappen-grid>*,.bbv2 .adm-velden>*,.bbv2 .veld-rij>*{min-width:0}\n.bbv2 .adm-tabel,.bbv2 .adm-regels{word-break:break-word}\n.bbv2 .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}\n.bbv2 header.top{background:#fff;border-bottom:1px solid var(--bb-lijn);position:sticky;top:0;z-index:5}\n.bbv2 header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:12px;padding-bottom:12px}\n.bbv2 .logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--bb-font-kop);font-weight:700;font-size:20px;color:var(--bb-petrol)}\n.bbv2 .nav{display:flex;gap:28px;font-family:var(--bb-font-kop);font-size:15px;font-weight:500}\n.bbv2 .nav a{text-decoration:none;min-height:44px;display:flex;align-items:center}\n.bbv2 .nav-rechts{display:flex;align-items:center;gap:16px;font-family:var(--bb-font-kop);font-size:14px;font-weight:600}\n.bbv2 .hero{padding:64px 0 88px}\n.bbv2 .hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}\n.bbv2 .hero p.tekst{margin-top:20px;max-width:540px}\n.bbv2 .knoppen{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}\n.bbv2 .prijsregel{margin-top:16px;font-size:15px;color:var(--bb-tekst-gedempt);font-weight:400}\n.bbv2 .vergelijk{background:#fff;border-radius:20px;padding:20px;box-shadow:0 20px 50px rgba(3,63,87,.1)}\n.bbv2 .schakel{display:inline-flex;background:var(--bb-achtergrond);border-radius:999px;padding:4px;gap:4px;margin-bottom:16px}\n.bbv2 .schakel button{min-height:44px;padding:0 20px;border-radius:999px;border:0;cursor:pointer;font-family:var(--bb-font-kop);font-size:15px;font-weight:500;background:transparent;color:var(--bb-petrol)}\n.bbv2 .schakel button[aria-pressed=\"true\"]{background:var(--bb-petrol);color:#fff}\n.bbv2 .kopje{font-family:var(--bb-font-kop);font-weight:600;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--bb-tekst-gedempt);margin-bottom:10px}\n.bbv2 .mail-lijst{list-style:none;margin:0;padding:0;display:grid;gap:8px}\n.bbv2 .mail-lijst li{display:grid;grid-template-columns:72px 1fr;gap:10px;background:var(--bb-achtergrond);border-radius:10px;padding:9px 12px;font-size:14px;line-height:1.45;font-weight:400}\n.bbv2 .mail-lijst li.jij{background:#E7EEF2}\n.bbv2 .mail-lijst .t{font-family:var(--bb-font-kop);font-weight:500;color:var(--bb-tekst-gedempt);font-size:13px}\n.bbv2 .uitkomst{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}\n.bbv2 .uitkomst div{border-radius:10px;padding:10px;text-align:center;font-size:13px;font-weight:400}\n.bbv2 .uitkomst b{display:block;font-family:var(--bb-font-kop);font-size:22px;font-weight:600}\n.bbv2 .uitkomst.slecht div{background:#FCE8EA;color:#8F1D27}\n.bbv2 .uitkomst.goed div{background:#E3F1E8;color:#1F5136}\n.bbv2 .tijdlijn{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px;font-weight:400;line-height:1.45}\n.bbv2 .tijdlijn>li{background:var(--bb-achtergrond);border-radius:10px;padding:10px 12px}\n.bbv2 .tijdlijn .t{font-family:var(--bb-font-kop);font-weight:500;font-size:13px;color:var(--bb-tekst-gedempt);margin-right:6px}\n.bbv2 .adm-order{font-family:var(--adm-font);background:#fff;border:1px solid var(--adm-frost);border-radius:10px;padding:10px 12px;margin-top:8px}\n.bbv2 .adm-order .kop{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-weight:600;color:var(--adm-deep);font-size:14px}\n.bbv2 .badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--adm-font);font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px}\n.bbv2 .badge--oranje{background:#FDEBDC;color:#7A3D0A}\n.bbv2 .badge--groen{background:#E3F1E8;color:#1F5136}\n.bbv2 .badge--blauw{background:#E1EEF5;color:#0B4F6C}\n.bbv2 .badge--grijs{background:#E8EEF0;color:#2f4b57}\n.bbv2 .adm-regels{width:100%;border-collapse:collapse;margin-top:6px;font-size:13px}\n.bbv2 .adm-regels td{padding:3px 0}\n.bbv2 .adm-regels td:last-child{text-align:right;white-space:nowrap}\n.bbv2 .adm-regels tr.tot td{border-top:1px solid var(--adm-frost);font-weight:600;padding-top:6px}\n.bbv2 .bijschrift{margin-top:12px;font-size:13px;color:var(--bb-tekst-gedempt);font-weight:400}\n.bbv2 .momenten{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}\n.bbv2 .momenten article{background:#fff;border-radius:20px;padding:24px}\n.bbv2 .momenten h3{font-size:20px;margin:10px 0 8px}\n.bbv2 .momenten p{font-size:16px}\n.bbv2 .reken-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;margin-top:36px;align-items:start}\n.bbv2 .schuif{margin-bottom:22px}\n.bbv2 .schuif label{display:flex;justify-content:space-between;font-family:var(--bb-font-kop);font-weight:500;font-size:15px;color:var(--bb-petrol)}\n.bbv2 .schuif input{width:100%;accent-color:var(--bb-petrol);min-height:32px}\n.bbv2 .paneel{background:var(--bb-petrol);color:#fff;border-radius:20px;padding:28px}\n.bbv2 .paneel .klein{font-size:14px;opacity:.85;font-weight:400}\n.bbv2 .paneel .groot{font-family:var(--bb-font-kop);font-weight:700;font-size:44px;line-height:1.1;margin:4px 0 16px}\n.bbv2 .paneel .oranje{color:#FFB37A}\n.bbv2 .paneel hr{border:0;border-top:1px solid rgba(255,255,255,.2);margin:16px 0}\n.bbv2 .paneel .knop{margin-top:18px;background:#fff;color:var(--bb-petrol);border-color:#fff}\n.bbv2 .rij{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;background:#fff;border-radius:24px;padding:36px;margin-top:28px}\n.bbv2 .rij h3{margin:10px 0 12px}\n.bbv2 .rij p{font-size:17px}\n.bbv2 .rij .aansporing{margin-top:14px;font-family:var(--bb-font-kop);font-weight:500;font-size:15px;color:var(--bb-petrol)}\n.bbv2 .scherm{background:#fff;border:1px solid var(--bb-lijn);border-radius:16px;box-shadow:0 16px 40px rgba(3,63,87,.1);overflow:hidden}\n.bbv2 .scherm-balk{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#F1F3F6;border-bottom:1px solid var(--bb-lijn);font-family:var(--bb-font-kop);font-size:12px;color:var(--bb-tekst-gedempt)}\n.bbv2 .scherm-balk i{width:9px;height:9px;border-radius:50%;background:#D5DAE1;display:inline-block}\n.bbv2 .scherm-balk span{margin-left:6px;background:#fff;border-radius:6px;padding:2px 10px;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}\n.bbv2 .shop{font-family:'Poppins',sans-serif;font-weight:400;font-size:14px;color:#1d1d1d;line-height:1.45}\n.bbv2 .shop-head{background:var(--shop-primary);color:#fff;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;font-weight:500;font-size:15px}\n.bbv2 .shop-body{padding:16px}\n.bbv2 .shop h4{font-family:'Poppins',sans-serif;margin:0;color:var(--shop-primary);font-weight:500}\n.bbv2 .shop-titel{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}\n.bbv2 .shop-titel h4{font-size:20px}\n.bbv2 .shop-titel .prijs{font-size:16px;color:var(--shop-primary);font-weight:500;white-space:nowrap}\n.bbv2 .kal{border:1px solid var(--bb-lijn);border-radius:10px;overflow:hidden}\n.bbv2 .kal-kop{background:var(--shop-secondary);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:10px 14px;font-weight:500;font-size:13px}\n.bbv2 .kal-grid{display:grid;grid-template-columns:repeat(7,1fr);padding:6px 6px 8px;row-gap:2px}\n.bbv2 .kal-wd{text-align:center;font-size:11px;font-weight:500;color:#555;padding:4px 0}\n.bbv2 .dag{height:38px;border:0;padding:0;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}\n.bbv2 .dag span{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:13px;color:#1d1d1d}\n.bbv2 .dag:hover:not(:disabled) span{outline:1px solid var(--shop-primary)}\n.bbv2 .dag:disabled{cursor:default}\n.bbv2 .dag:disabled span{color:rgba(0,0,0,.33)}\n.bbv2 .dag.mid{background:var(--shop-range)}\n.bbv2 .dag.start{background:linear-gradient(90deg,transparent 50%,var(--shop-range) 50%)}\n.bbv2 .dag.eind{background:linear-gradient(90deg,var(--shop-range) 50%,transparent 50%)}\n.bbv2 .dag.start span,.bbv2 .dag.eind span,.bbv2 .dag.enkel span{background:var(--shop-primary);color:#fff;font-weight:500}\n.bbv2 .wis{background:none;border:0;padding:6px 0;color:var(--shop-primary);text-decoration:underline;cursor:pointer;font-size:13px;min-height:32px}\n.bbv2 .acc{border:1px solid var(--bb-lijn);border-radius:10px;padding:10px 14px;margin-top:10px}\n.bbv2 .acc h5{margin:0 0 6px;font-size:15px;font-weight:500;color:var(--shop-primary)}\n.bbv2 .acc label{display:flex;align-items:center;gap:8px;min-height:32px;cursor:pointer}\n.bbv2 .acc small{color:#555}\n.bbv2 .mand{display:flex;margin-top:10px;border:1px solid var(--bb-lijn);border-radius:8px;overflow:hidden}\n.bbv2 .mand input{width:64px;border:0;text-align:center;font:inherit;font-size:16px}\n.bbv2 .mand button{flex:1;min-height:46px;border:0;background:var(--shop-primary);color:#fff;font-weight:500;cursor:pointer}\n.bbv2 .mand button:disabled{background:#9aa3a8;cursor:not-allowed}\n.bbv2 .gegevens{margin-top:12px}\n.bbv2 .gegevens h5{margin:0 0 6px;font-size:16px;color:var(--shop-primary);font-weight:500}\n.bbv2 .gegevens dl{display:grid;grid-template-columns:1fr auto;margin:0;gap:2px 12px}\n.bbv2 .gegevens dt{font-weight:600}\n.bbv2 .gegevens dd{margin:0;text-align:right}\n.bbv2 .veld{display:block;background:#E8EBEF;border-bottom:1px solid #8a9199;border-radius:4px 4px 0 0;padding:6px 10px 5px;font-size:13px;margin-bottom:8px}\n.bbv2 .veld small{display:block;font-size:10px;color:#555}\n.bbv2 .veld-rij{display:grid;grid-template-columns:1fr 1fr;gap:8px}\n.bbv2 .shop h6{margin:12px 0 6px;font-family:'Poppins',sans-serif;font-size:15px;font-weight:600;color:var(--shop-primary)}\n.bbv2 .betaal{display:flex;align-items:center;gap:10px;border:1px solid var(--bb-lijn);border-radius:10px;padding:8px 12px;min-height:44px;margin-bottom:6px;cursor:pointer}\n.bbv2 .betaal:has(input:checked){border-color:var(--shop-primary);box-shadow:inset 0 0 0 1px var(--shop-primary)}\n.bbv2 .betaal .ico{margin-left:auto;font-size:11px;font-weight:600;border-radius:4px;padding:2px 6px;background:#F4F5F9}\n.bbv2 .akkoord{display:flex;gap:8px;align-items:flex-start;font-size:12px;margin:10px 0 4px;cursor:pointer}\n.bbv2 .akkoord a{color:inherit}\n.bbv2 .fout{color:#B00020;font-size:12px;min-height:16px}\n.bbv2 .shop-knoppen{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}\n.bbv2 .shop-knoppen button{min-height:44px;border-radius:6px;cursor:pointer}\n.bbv2 .shop-knoppen .terug{background:transparent;border:0;color:#333}\n.bbv2 .shop-knoppen .door{background:var(--shop-primary);border:0;color:#fff;font-weight:500}\n.bbv2 .overzicht{background:#F7F8FA;border:1px solid var(--bb-lijn);border-radius:10px;padding:10px 12px;font-size:13px}\n.bbv2 .overzicht table{width:100%;border-collapse:collapse}\n.bbv2 .overzicht td{padding:2px 0}\n.bbv2 .overzicht td:last-child{text-align:right;white-space:nowrap}\n.bbv2 .overzicht tr.tot td{border-top:1px solid var(--bb-lijn);font-weight:600;padding-top:6px}\n.bbv2 .wachten{text-align:center;padding:48px 16px}\n.bbv2 .spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--shop-range);border-top-color:var(--shop-primary);margin:0 auto 14px;animation:draai .9s linear infinite}\n@keyframes draai{to{transform:rotate(360deg)}}\n.bbv2 .bedankt h4{font-size:20px;margin-bottom:6px}\n.bbv2 .bedankt .partnertekst{background:#FFF8E6;border-left:3px solid var(--bb-oranje);padding:8px 10px;font-size:13px;margin:8px 0 12px}\n.bbv2 .onder-scherm{margin-top:14px;font-size:15px;font-weight:400;color:var(--bb-petrol);display:flex;gap:10px;align-items:flex-start}\n.bbv2 .adm{font-family:var(--adm-font);font-size:14px;color:#1b2b33;background:var(--adm-foam);line-height:1.45}\n.bbv2 .adm-body{padding:16px}\n.bbv2 .adm-kaart{background:#fff;border-radius:10px;border:1px solid var(--adm-frost)}\n.bbv2 .adm-kaart>h5{margin:0;padding:12px 16px;border-bottom:1px solid var(--adm-frost);font-size:14px;font-weight:600;color:var(--adm-deep);display:flex;justify-content:space-between}\n.bbv2 .adm-kaart .in{padding:14px 16px}\n.bbv2 .adm label.l,.bbv2 .adm .l{display:block;color:var(--adm-deep);font-size:13px;margin-bottom:4px}\n.bbv2 .adm .inp{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--adm-silver);border-radius:6px;min-height:38px;padding:0 10px;background:#fff;font-size:14px}\n.bbv2 .adm input.inp{width:100%;font:inherit}\n.bbv2 .adm .hulp{font-size:12px;color:var(--adm-dusk);margin-top:3px}\n.bbv2 .adm-velden{display:grid;grid-template-columns:1fr 1fr;gap:12px}\n.bbv2 .adm-sec{margin-top:14px}\n.bbv2 .stap-knop{display:flex;align-items:center;gap:6px}\n.bbv2 .stap-knop button{width:38px;height:38px;border-radius:6px;border:1px solid var(--adm-silver);background:#fff;color:var(--adm-deep);font-size:18px;cursor:pointer}\n.bbv2 .stap-knop button:disabled{color:#9bb0b6;cursor:not-allowed}\n.bbv2 .stap-knop output{min-width:44px;text-align:center;border:1px solid var(--adm-silver);border-radius:6px;min-height:38px;display:flex;align-items:center;justify-content:center;font-weight:500}\n.bbv2 .adm-tabel{width:100%;border-collapse:collapse;font-size:13px}\n.bbv2 .adm-tabel th{text-align:left;font-weight:500;color:var(--adm-dusk);font-size:12px;padding:6px 6px;border-bottom:1px solid var(--adm-frost)}\n.bbv2 .adm-tabel td{padding:7px 6px;border-bottom:1px solid var(--adm-frost)}\n.bbv2 .adm-knop{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:6px;border:1px solid var(--adm-deep);background:var(--adm-deep);color:#fff;font-weight:500;cursor:pointer;font-family:var(--adm-font);font-size:14px}\n.bbv2 .adm-knop--licht{background:#fff;color:var(--adm-deep)}\n.bbv2 .adm-melding{margin-top:10px;background:#E3F1E8;color:#1F5136;border-radius:6px;padding:8px 10px;font-size:13px}\n.bbv2 .koppel{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--adm-deep);font-weight:500}\n.bbv2 .vink{display:inline-flex;gap:6px;align-items:center;font-size:13px}\n.bbv2 .vink i{width:14px;height:14px;border-radius:3px;border:1px solid var(--adm-silver);display:inline-block}\n.bbv2 .vink i.aan{background:var(--adm-deep);border-color:var(--adm-deep)}\n.bbv2 .kleur{display:inline-block;width:22px;height:22px;border-radius:5px;vertical-align:middle;margin-right:6px}\n.bbv2 .toggle{display:inline-block;width:30px;height:16px;border-radius:999px;background:var(--adm-silver);position:relative;vertical-align:middle;margin-right:6px}\n.bbv2 .toggle::after{content:\"\";position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;top:2px;left:2px}\n.bbv2 .week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:6px}\n.bbv2 .week .dag{height:auto;flex-direction:column;padding:6px 0;border-radius:8px}\n.bbv2 .week .dag span{width:32px;height:32px}\n.bbv2 .week .wd{font-size:11px;color:#555}\n.bbv2 .oordeel{margin-top:12px;padding:12px 14px;border-radius:10px;font-weight:500;font-size:15px}\n.bbv2 .oordeel.bezet{background:#FCEBDD;color:#7A3D0A}\n.bbv2 .oordeel.vrij{background:#E3F1E8;color:#1F5136}\n.bbv2 .tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}\n.bbv2 .tabs button{min-height:44px;padding:0 16px;border-radius:999px;cursor:pointer;font-family:var(--bb-font-kop);font-size:14px;font-weight:500;border:2px solid var(--bb-knop-secundair);background:#fff;color:var(--bb-petrol)}\n.bbv2 .tabs button[aria-selected=\"true\"]{border-color:var(--bb-petrol);background:var(--bb-petrol);color:#fff}\n.bbv2 .mail{font-family:Arial,sans-serif;font-size:13px;line-height:1.5;background:#fff}\n.bbv2 .mail-kop{padding:10px 14px;border-bottom:1px solid var(--bb-lijn);font-size:12px;color:#555}\n.bbv2 .mail-kop b{color:#1d1d1d}\n.bbv2 .mail-body{padding:12px 14px}\n.bbv2 .mail table{width:100%;border-collapse:collapse;margin:6px 0}\n.bbv2 .mail th,.bbv2 .mail td{text-align:left;padding:3px 4px;border-bottom:1px solid #eee}\n.bbv2 .mail td:last-child,.bbv2 .mail th:last-child{text-align:right}\n.bbv2 .bijlage{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--bb-lijn);border-radius:6px;padding:3px 8px;font-size:12px;margin:6px 6px 0 0}\n.bbv2 .gif{margin:0;display:flex;justify-content:center}\n.bbv2 .gif img{display:block;max-width:100%;height:auto;border-radius:16px;border:1px solid var(--bb-lijn);box-shadow:0 16px 40px rgba(3,63,87,.1);background:#fff}\n.bbv2 .gif--staand img{max-height:620px;width:auto}\n.bbv2 .ook{margin-top:36px}\n.bbv2 .ook h3{font-size:20px}\n.bbv2 .chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;padding:0;list-style:none}\n.bbv2 .chips li{background:#fff;border:1px solid var(--bb-lijn);border-radius:999px;padding:8px 16px;font-size:15px;font-weight:400}\n.bbv2 .stappen-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:36px;align-items:start}\n.bbv2 .stappen{list-style:none;margin:0;padding:0;display:grid;gap:8px}\n.bbv2 .stappen button{transition:none;width:100%;color:var(--bb-tekst);display:flex;gap:16px;align-items:flex-start;text-align:left;padding:18px 20px;border-radius:16px;cursor:pointer;border:2px solid transparent;background:transparent}\n.bbv2 .stappen button[aria-selected=\"true\"]{border-color:var(--bb-petrol);background:#fff}\n.bbv2 .stappen .nr{width:36px;height:36px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--bb-font-kop);font-weight:600;background:var(--bb-knop-secundair);color:var(--bb-petrol)}\n.bbv2 .stappen button[aria-selected=\"true\"] .nr{background:var(--bb-petrol);color:#fff}\n.bbv2 .stappen strong{display:block;font-family:var(--bb-font-kop);font-weight:600;font-size:18px;color:var(--bb-petrol)}\n.bbv2 .stappen span.t{font-size:16px}\n.bbv2 .stappen-noot{margin-top:12px;font-size:15px;font-weight:400;color:var(--bb-tekst-gedempt);padding-left:20px}\n.bbv2 .prijsbalk{background:var(--bb-petrol);color:#fff;border-radius:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:36px}\n.bbv2 .prijsbalk b{display:block;font-family:var(--bb-font-kop);font-weight:700;font-size:34px;line-height:1.15}\n.bbv2 .prijsbalk span{font-size:15px;font-weight:400;opacity:.9}\n.bbv2 .winkels{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}\n.bbv2 .winkels a{display:block;background:#fff;border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;border:1px solid var(--bb-lijn)}\n.bbv2 .winkels .beeld{aspect-ratio:16\/10;background:#E6EFEE;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--bb-tekst-gedempt);font-weight:400}\n.bbv2 .winkels .tx{padding:16px 18px}\n.bbv2 .winkels strong{display:block;font-family:var(--bb-font-kop);font-weight:600;color:var(--bb-petrol)}\n.bbv2 .winkels small{font-size:15px;font-weight:400}\n.bbv2 details{background:#fff;border-radius:14px;margin-top:10px}\n.bbv2 summary{cursor:pointer;padding:16px 20px;font-family:var(--bb-font-kop);font-weight:600;color:var(--bb-petrol);min-height:44px;list-style-position:inside}\n.bbv2 details p{padding:0 20px 18px;font-size:17px}\n.bbv2 .slot{background:var(--bb-petrol);color:#fff;text-align:center}\n.bbv2 .slot h2{color:#fff}\n.bbv2 .slot .knoppen{justify-content:center}\n.bbv2 .slot .knop--primair{background:#fff;color:var(--bb-petrol);border-color:#fff}\n.bbv2 footer{background:#fff;padding:56px 0 24px;font-size:15px;font-weight:400}\n.bbv2 .foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}\n.bbv2 footer h4{font-family:var(--bb-font-kop);margin:0 0 10px;color:var(--bb-petrol);font-size:16px}\n.bbv2 footer ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}\n.bbv2 footer ul a{display:inline-flex;min-height:32px;align-items:center}\n.bbv2 .foot-onder{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid var(--bb-lijn);margin-top:32px;padding-top:16px;font-size:14px;color:var(--bb-tekst-gedempt)}\n@media (max-width:960px){.bbv2 .nav{display:none}\n.bbv2 .hero-grid,.bbv2 .reken-grid,.bbv2 .rij,.bbv2 .stappen-grid{grid-template-columns:1fr}\n.bbv2 .momenten,.bbv2 .winkels{grid-template-columns:1fr}\n.bbv2 .prijsbalk{grid-template-columns:1fr 1fr}\n.bbv2 .foot-grid{grid-template-columns:1fr}\n.bbv2 .rij{padding:22px}}\n@media (max-width:520px){.bbv2 section{padding:64px 0}\n.bbv2 .wrap{padding:0 16px}\n.bbv2 .logo .woord{display:none}\n.bbv2 .vergelijk{padding:14px}\n.bbv2 .schakel button{padding:0 12px;font-size:14px}\n.bbv2 .mail-lijst li{grid-template-columns:1fr;gap:0}\n.bbv2 .veld-rij,.bbv2 .adm-velden{grid-template-columns:1fr}\n.bbv2 .shop-body,.bbv2 .adm-body{padding:12px}\n.bbv2 .prijsbalk{padding:24px}\n.bbv2 .prijsbalk b{font-size:28px}}\n.bbv2 .hero-grid{align-items:stretch}\n.bbv2 .hero-tekst{display:flex;flex-direction:column;justify-content:space-between;gap:28px}\n.bbv2 .hero-rechts{display:flex;flex-direction:column}\n.bbv2 .vergelijk{flex:1;display:flex;flex-direction:column}\n.bbv2 .panelen{display:grid;flex:1}\n.bbv2 .panelen>[data-paneel]{grid-area:1\/1;display:flex;flex-direction:column}\n.bbv2 .panelen>[data-paneel].uit{visibility:hidden}\n.bbv2 .panelen .uitkomst{margin-top:auto;padding-top:14px}\n.bbv2 .vergelijk .bijschrift{margin:12px 0 0}\n.bbv2 .reken-grid{align-items:stretch}\n.bbv2 .schuiven{display:flex;flex-direction:column;justify-content:space-between}\n.bbv2 .schuiven .schuif{margin-bottom:0}\n@media (min-width:961px){.bbv2 .rij--om{grid-template-columns:1.1fr .9fr}\n.bbv2 .rij--om>figure{order:-1}}\n.bbv2 .functies{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0 24px}\n.bbv2 .functies a{display:flex;align-items:center;min-height:40px;border-bottom:1px solid var(--bb-lijn);font-size:15px;font-weight:400;text-decoration:none;color:var(--bb-petrol)}\n.bbv2 .functies a::after{content:\"\\2192\";margin-left:auto;padding-left:8px;opacity:.5}\n.bbv2 .functies a:hover{color:var(--bb-petrol-rand)}\n.bbv2 .stap-uitleg{display:none}\n.bbv2 .prijsbalk{margin-top:48px}\n.bbv2 .over-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center}\n.bbv2 .feiten{list-style:none;margin:0;padding:0;display:grid;gap:12px}\n.bbv2 .feiten li{background:var(--bb-achtergrond);border-radius:16px;padding:16px 20px}\n.bbv2 .feiten b{display:block;font-family:var(--bb-font-kop);font-weight:700;font-size:28px;color:var(--bb-petrol);line-height:1.2}\n.bbv2 .feiten span{font-size:15px;font-weight:400;color:var(--bb-tekst-gedempt)}\n@media (max-width:960px){.bbv2 .functies{grid-template-columns:1fr 1fr;gap:0 16px}\n.bbv2 .functies a{font-size:14px;min-height:44px}\n.bbv2 .over-grid{grid-template-columns:1fr;gap:28px}\n.bbv2 .stappen{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}\n.bbv2 .stappen button{flex-direction:column;align-items:center;text-align:center;gap:6px;padding:10px 4px;border-radius:12px;height:100%}\n.bbv2 .stappen strong{font-size:13px;line-height:1.25}\n.bbv2 .stappen span.t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}\n.bbv2 .stap-uitleg{display:block;margin-top:10px;font-size:15px;font-weight:400;padding:0 4px}\n.bbv2 .stappen-noot{display:none}\n.bbv2 .stappen-grid{gap:16px}}\n.bbv2 .vergelijk{padding:18px}\n.bbv2 .schakel{margin-bottom:12px}\n.bbv2 .kopje{margin-bottom:8px}\n.bbv2 .mail-lijst,.bbv2 .tijdlijn{gap:6px;align-content:start}\n.bbv2 .mail-lijst li,.bbv2 .tijdlijn>li{margin:0;padding:7px 12px;font-size:13.5px;line-height:1.4}\n.bbv2 .adm-order{margin-top:6px;padding:8px 10px}\n.bbv2 .uitkomst div{padding:8px}\n.bbv2 .uitkomst b{font-size:20px}\n.bbv2 .hero-tekst .knoppen{margin-top:0}\n@media (max-width:960px){.bbv2 .stappen li{min-width:0}\n.bbv2 .stappen button{min-width:0;width:100%}\n.bbv2 .stappen strong{font-size:12px;hyphens:manual}}\n.bbv2 .moment .echo{font-weight:400;color:var(--bb-tekst-gedempt);font-size:14px}\n.bbv2 .moment .echo::before{content:\"\\00b7\";margin:0 6px 0 2px}\n.bbv2 .momenten article{display:flex;flex-direction:column}\n.bbv2 .naar-oplossing{margin-top:auto;padding-top:14px;font-family:var(--bb-font-kop);font-weight:500;font-size:15px;min-height:44px;display:inline-flex;align-items:center}\n.bbv2 .naar-oplossing::after{content:\"\\2193\";margin-left:6px}\n.bbv2 .rij{scroll-margin-top:110px}\n.bbv2 p.functies{margin-top:10px;font-size:16px;font-weight:400;line-height:1.9;max-width:none}\n.bbv2 p.functies a{white-space:nowrap}\n.bbv2 .winkels .beeld{position:relative;aspect-ratio:16\/10;overflow:hidden;background:#E6EFEE}\n.bbv2 .winkels .beeld img:first-child{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}\n.bbv2 .winkels .beeld .logo{position:absolute;left:14px;bottom:-1px;width:64px;height:64px;border-radius:50%;background:#fff;border:3px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(40%)}\n.bbv2 .winkels .tx{padding:44px 18px 18px}\n.bbv2 .winkels .soort{display:block;font-size:14px;font-weight:500;color:var(--bb-tekst-gedempt);margin-bottom:4px}\n.bbv2 .feiten{align-content:center}\n.bbv2 p.functies{display:block}\n.bbv2 p.functies a{display:inline;min-height:0;border:0;font-size:inherit;color:var(--bb-petrol);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--bb-knop-secundair)}\n.bbv2 p.functies a::after{content:none}\n.bbv2 p.functies a:hover{text-decoration-color:currentColor}\n.bbv2 .winkels .kop{position:relative}\n.bbv2 .winkels .kop .logo{position:absolute;left:16px;bottom:-30px;width:64px;height:64px;border-radius:50%;background:#fff;border:3px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.15);transform:none;object-fit:cover}\n.bbv2 .panelen li{position:relative}\n.bbv2 .anim .panelen li,.bbv2 .anim .panelen .uitkomst div{opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease}\n.bbv2 .anim .panelen li.toon,.bbv2 .anim .panelen .uitkomst div.toon{opacity:1;transform:none}\n.bbv2 .anim .panelen li.typt{opacity:1;transform:none}\n.bbv2 .anim .panelen li.typt>*{visibility:hidden}\n.bbv2 .anim .panelen li.typt::after{content:\"\";position:absolute;left:14px;top:50%;width:34px;height:8px;margin-top:-4px;\n  background:radial-gradient(circle,var(--bb-tekst-gedempt) 3px,transparent 3.5px) 0 0\/12px 8px repeat-x;animation:typt 1s steps(3) infinite}\n@keyframes typt{0%{width:10px}100%{width:34px}}\n.bbv2 .meer-functies{display:none}\n.bbv2 .functies.open .meer-functies{display:inline}\n.bbv2 .meer-knop{border:0;background:none;padding:0 0 0 4px;font:inherit;font-family:var(--bb-font-kop);font-weight:500;font-size:15px;color:var(--bb-petrol);cursor:pointer;min-height:32px;text-decoration:underline;text-underline-offset:3px}\n.bbv2 .prijsbalk{margin-top:80px}\n.bbv2 .prijs-link{margin-top:14px;text-align:center;font-family:var(--bb-font-kop);font-weight:500;font-size:15px}\n.bbv2 .alle-functies{font-family:var(--bb-font-kop);font-weight:500;white-space:nowrap;text-decoration:none!important}\n.bbv2 .alle-functies::after{content:\" \\2192\"}\n.bbv2 .rij p a,.bbv2 details p a,.bbv2 .lead a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--bb-knop-secundair)}\n.bbv2 .rij p a:hover,.bbv2 details p a:hover{text-decoration-color:currentColor}\n.bbv2 .mini-rooster{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--adm-frost);border-radius:6px;overflow:hidden}\n.bbv2 .mini-dag{padding:6px 4px 8px;border-right:1px solid var(--adm-frost);text-align:center}\n.bbv2 .mini-dag:last-child{border-right:0}\n.bbv2 .mini-dag span{display:block;font-size:11px;color:var(--adm-dusk);text-align:left}\n.bbv2 .mini-dag b{display:block;font-size:15px;font-weight:600;color:var(--adm-sage)}\n.bbv2 #r-bb,.bbv2 .uitkomst b,.bbv2 .prijsbalk b{white-space:nowrap}\n.bbv2 .schuif input{min-height:44px}\n.bbv2 .over-grid p a{display:inline-flex;align-items:center;min-height:44px}\n@media (max-width:520px){.bbv2 .knoppen{flex-wrap:nowrap;gap:10px}\n.bbv2 .knoppen .knop{flex:1 1 0;min-width:0;padding:0 10px;min-height:50px;font-size:16px;white-space:nowrap}\n.bbv2 .slot .knoppen{max-width:420px;margin-left:auto;margin-right:auto}\n.bbv2 .schakel{display:flex;width:100%}\n.bbv2 .schakel button{flex:1 1 0;padding:0 6px;font-size:13px;white-space:nowrap}\n.bbv2 .vergelijk .kopje{font-size:11px;letter-spacing:.04em}\n.bbv2 .uitkomst{gap:6px}\n.bbv2 .uitkomst div{padding:8px 4px;font-size:12px}\n.bbv2 .uitkomst b{font-size:17px}\n.bbv2 .paneel .klein[style*=\"space-between\"]{align-items:baseline}\n.bbv2 .feiten li{padding:12px 16px}\n.bbv2 .feiten b{font-size:22px}\n.bbv2 .over-grid p[style*=\"flex-wrap\"]{gap:0 18px!important;margin-top:10px!important}}\n@media (max-width:370px){.bbv2 .knoppen .knop{font-size:15px;padding:0 8px}\n.bbv2 .schakel button{font-size:12px}}\n.bbv2 .adm-velden.drie{grid-template-columns:repeat(3,1fr)}\n.bbv2 .winkels .kop .winkel-logo{position:absolute;left:16px;bottom:-30px;width:64px;height:64px;border-radius:50%;background:#fff;border:3px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.15);object-fit:contain;padding:3px;box-sizing:border-box}\n@media (min-width:961px){.bbv2 .stappen-grid>div:first-child{position:sticky;top:124px;align-self:start}}\n@media (max-width:960px){.bbv2 .stappen-grid>div:first-child{display:contents}\n.bbv2 .stappen-grid .scherm{margin-top:4px}\n.bbv2 .stappen{position:sticky;top:65px;z-index:3;background:#fff;padding:8px 0;margin:-8px 0 0}\n.bbv2 .stap-uitleg{margin:0;padding:4px 4px 6px}\n.bbv2 .stappen button{padding:6px 2px;gap:4px}\n.bbv2 .stappen .nr{width:28px;height:28px;font-size:14px}\n.bbv2 .stappen strong{font-size:11.5px}}\n@media (prefers-reduced-motion:reduce){.bbv2 *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}\n.bbv2 .praktijk{margin-top:28px;border:1px solid var(--bb-lijn);border-radius:16px;overflow:hidden;background:#fff}\n.bbv2 .praktijk table{width:100%;border-collapse:collapse;font-size:16px;font-weight:400}\n.bbv2 .praktijk th{text-align:left;background:#EAF1F4;color:var(--bb-petrol);font-family:var(--bb-font-kop);font-weight:600;font-size:15px;padding:12px 16px}\n.bbv2 .praktijk td{padding:12px 16px;border-top:1px solid var(--bb-lijn)!important}\n.bbv2 .praktijk td:first-child{font-family:var(--bb-font-kop);font-weight:600;color:var(--bb-petrol);white-space:nowrap}\n.bbv2 .demo-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}\n.bbv2 .probeer{margin:18px 0 0;padding-left:20px;font-size:17px}\n.bbv2 .probeer li{margin-bottom:6px}\n.bbv2 .demo-grid .knoppen{margin-top:22px}\n.bbv2 .winkel-groot{display:block;border-radius:20px;overflow:hidden;border:1px solid var(--bb-lijn);box-shadow:0 16px 40px rgba(3,63,87,.1);background:#fff;text-decoration:none}\n.bbv2 .winkel-groot img{display:block;width:100%;height:auto}\n.bbv2 .winkel-groot span{display:block;padding:10px 16px;font-size:14px;color:var(--bb-tekst-gedempt);font-weight:400;border-top:1px solid var(--bb-lijn)}\n.bbv2 .past-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}\n.bbv2 .past{border-radius:20px;padding:24px 26px}\n.bbv2 .past h3{font-size:20px;margin-bottom:10px}\n.bbv2 .past ul{margin:0;padding-left:20px;font-size:17px}\n.bbv2 .past li{margin-bottom:6px}\n.bbv2 .past--ja{background:#E3F1E8}\n.bbv2 .past--nee{background:var(--bb-achtergrond)}\n.bbv2 .merk{white-space:nowrap}\n.bbv2 .hero{padding-top:28px}\n.bbv2 .kruimel{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-bottom:28px;font-size:14px;font-weight:400;color:var(--bb-tekst-gedempt)}\n.bbv2 .kruimel a{color:var(--bb-tekst-gedempt);text-decoration:none}\n.bbv2 .kruimel a:hover{color:var(--bb-petrol);text-decoration:underline}\n.bbv2 .kruimel span{opacity:.5}\n.bbv2 .kruimel b{font-weight:500;color:var(--bb-petrol)}\n.bbv2 .naar-wens{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;font-family:var(--bb-font-kop);font-weight:500;font-size:15px}\n.bbv2 .naar-wens::after{content:\"\\2193\";margin-left:6px}\n.bbv2 .wens{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:20px;background:var(--bb-achtergrond);border:2px dashed var(--bb-knop-secundair);border-radius:20px;padding:28px 32px;scroll-margin-top:110px}\n.bbv2 .wens h3{font-size:22px;margin-bottom:6px}\n.bbv2 .wens p{font-size:17px}\n.bbv2 .wens .knop{flex-shrink:0}\n@media (max-width:700px){.bbv2 .wens{flex-direction:column;align-items:flex-start;padding:22px}}\n.bbv2 .gif--staand img{max-height:560px}\n.bbv2 h1,.bbv2 h2,.bbv2 h3{text-wrap:balance}\n.bbv2 p,.bbv2 li,.bbv2 summary{text-wrap:pretty}\n.bbv2 .niche-tx span,.bbv2 .voordelen p,.bbv2 .winkels small{text-wrap:pretty}\n@media (max-width:960px){.bbv2 .demo-grid,.bbv2 .past-grid{grid-template-columns:1fr}}\n@media (max-width:520px){.bbv2 p.functies a{white-space:normal}\n.bbv2 .prijsbalk b{white-space:normal;font-size:24px}}\n@media (max-width:700px){.bbv2 .praktijk thead{display:none}\n.bbv2 .praktijk table,.bbv2 .praktijk tbody,.bbv2 .praktijk tr,.bbv2 .praktijk td{display:block;width:auto}\n.bbv2 .praktijk tr{padding:14px 16px;border-top:1px solid var(--bb-lijn)}\n.bbv2 .praktijk tr:first-child{border-top:0}\n.bbv2 .praktijk td{padding:2px 0;border:0!important;white-space:normal!important}\n.bbv2 .praktijk td[data-label]::before{content:attr(data-label) \": \";font-weight:500;color:var(--bb-tekst-gedempt)}}\n.bbv2 section[style*=\"#fff\"] details{background:var(--bb-achtergrond)}\n.bbv2 .niches{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}\n.bbv2 .niche{display:flex;flex-direction:column;background:#fff;border:1px solid var(--bb-lijn);border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s}\n.bbv2 .niche:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(3,63,87,.12)}\n.bbv2 .niche img{display:block;width:100%;height:220px;object-fit:cover;flex:none}\n.bbv2 .niche-tx{display:flex;flex-direction:column;gap:8px;padding:20px 22px 22px;flex:1}\n.bbv2 .niche-tx strong{font-family:var(--bb-font-kop);font-weight:600;font-size:21px;color:var(--bb-petrol)}\n.bbv2 .niche-tx span{font-size:16px;font-weight:400}\n.bbv2 .niche-tx em{margin-top:auto;padding-top:6px;font-style:normal;font-family:var(--bb-font-kop);font-weight:500;font-size:15px;color:var(--bb-petrol)}\n.bbv2 .niche-tx em::after{content:\"\\2192\";margin-left:6px}\n.bbv2 .niche--anders{background:var(--bb-achtergrond);border:2px dashed var(--bb-knop-secundair);justify-content:center}\n@media (max-width:700px){.bbv2 .niches{grid-template-columns:1fr}}\n.bbv2 section{margin:0;scroll-margin-top:110px}.bbv2 img{max-width:100%}<\/style><script type=\"application\/ld+json\">{\"@context\": \"https:\/\/schema.org\", \"@type\": \"FAQPage\", \"mainEntity\": [{\"@type\": \"Question\", \"name\": \"Can customers rent a bike by the hour?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Yes. You give every bike one or more rental prices, such as 1 hour, half a day of 4 hours or a whole day. With a price per hour, the customer picks a start time from the time slots within your opening hours.\"}}, {\"@type\": \"Question\", \"name\": \"What does Be-Bookable cost?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Getting started is free and your first 100 orders cost nothing. After that you pay \u20ac19.99 per month, excluding VAT. Be-Bookable takes no commission on your rentals. There is no contract and you can stop every month.\"}}, {\"@type\": \"Question\", \"name\": \"How do I handle different frame sizes?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"With variants. You give a bike its frame sizes, for example 53 cm and 57 cm, each with its own stock. Your customer picks the size on the product page.\"}}, {\"@type\": \"Question\", \"name\": \"How do my customers pay?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Online through Mollie, with the payment methods you switch on in your own Mollie account, such as iDEAL, credit card or PayPal. You can also offer your own payment option, such as paying at pickup.\"}}, {\"@type\": \"Question\", \"name\": \"Can I ask for a deposit?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Yes. In your shop settings you choose how customers pay it: held on their credit card shortly before the rental starts, paid online with the booking, or at pickup. You set one deposit for the whole shop, and a different amount per product where needed. After the return you give it back, or keep part of it with a reason.\"}}, {\"@type\": \"Question\", \"name\": \"Can I record damage at handover and return?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Yes. Switch on handover and return under Integrations. On your phone you record what the customer takes and brings back, in what condition, with photos and the signature of the customer on the screen. The customer can get a receipt by email, so you can show what was agreed if there is damage.\"}}, {\"@type\": \"Question\", \"name\": \"Can customers pick up without me being there?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Yes. Switch on pickup codes under Integrations and set up a key safe or a code lock yourself. The customer gets a code shortly before pickup, by email and in their customer account. You choose a fixed code or a new 6-digit code per order.\"}}, {\"@type\": \"Question\", \"name\": \"Can I also enter bookings made at the counter or by phone?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Yes. With New order you create a booking for a customer yourself. Be-Bookable checks whether the bikes are free, so the stock in your webshop is right straight away.\"}}, {\"@type\": \"Question\", \"name\": \"Can the webshop go on my own website?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Yes. You share the link to your shop, or you add it to your existing website with a snippet of code, whether it is built in WordPress, Shopify or something else.\"}}]}<\/script><div class=\"bbv2\"><!-- 1. HERO -->\n<section class=\"hero\" aria-labelledby=\"h1\">\n <div class=\"wrap\"><nav class=\"kruimel\" aria-label=\"Breadcrumb\"><a href=\"https:\/\/www.be-bookable.com\/\">Home<\/a><span>\/<\/span><a href=\"https:\/\/www.be-bookable.com\/rental-categories\/\">Rental categories<\/a><span>\/<\/span><a href=\"https:\/\/www.be-bookable.com\/rental-categories\/sports-and-leisure\/\">Sports and leisure<\/a><span>\/<\/span><b aria-current=\"page\">Bike rental<\/b><\/nav><\/div>\n <div class=\"wrap hero-grid\">\n  <div class=\"hero-tekst\">\n   <div>\n   <p class=\"boven\">Rental software for bike rental<\/p>\n   <h1 id=\"h1\">Rent out your bikes online, by the hour or by the day<\/h1>\n   <p class=\"tekst\">With <span class=\"merk\">Be-Bookable<\/span> your bike rental gets its own webshop. Customers pick a bike, a date and a start time, and pay online right away. You see the booking come in and simply hand out bikes.<\/p>\n   <\/div>\n   <div>\n   <div class=\"knoppen\">\n    <a class=\"knop knop--primair\" href=\"https:\/\/www.be-bookable.com\/sign-up\/\">Start for free<\/a>\n    <a class=\"knop knop--secundair\" href=\"#demo\">View the demo<\/a>\n   <\/div>\n   <p class=\"prijsregel\">First 100 orders free \u00b7 Then <span data-prijs>\u20ac19.99<\/span> per month \u00b7 No contract<\/p>\n   <\/div>\n  <\/div>\n\n  <div class=\"hero-rechts\">\n   <div class=\"vergelijk\">\n    <div class=\"schakel\" role=\"group\" aria-label=\"Comparison\">\n     <button type=\"button\" data-view=\"zonder\" aria-pressed=\"true\">Without <span class=\"merk\">Be-Bookable<\/span><\/button>\n     <button type=\"button\" data-view=\"met\" aria-pressed=\"false\">With <span class=\"merk\">Be-Bookable<\/span><\/button>\n    <\/div>\n    <div class=\"panelen\">\n    <div data-paneel=\"zonder\">\n     <p class=\"kopje\">WhatsApp \u00b7 A sunny Saturday morning<\/p>\n     <ul class=\"mail-lijst\">\n      <li><span class=\"t\">Sat 08:52<\/span><span><b>Mark:<\/b> Do you still have 2 e-bikes at 10? For half a day.<\/span><\/li>\n      <li class=\"jij\"><span class=\"t\">Sat 09:40<\/span><span><b>You:<\/b> Sorry, busy at the counter! Yes, there are 2 left. \u20ac60 per bike.<\/span><\/li>\n      <li><span class=\"t\">Sat 09:42<\/span><span><b>Mark:<\/b> Great. Can you hold them for us? And can you add a child seat?<\/span><\/li>\n      <li class=\"jij\"><span class=\"t\">Sat 10:05<\/span><span><b>You:<\/b> Both fine. Just come by and pay here.<\/span><\/li>\n      <li><span class=\"t\">Sat 10:07<\/span><span><b>Mark:<\/b> We already rented two at the shop down the road. Thanks anyway!<\/span><\/li>\n     <\/ul>\n     <div class=\"uitkomst slecht\"><div><b>5<\/b>messages<\/div><div><b>75 min<\/b>lead time<\/div><div><b>\u20ac0<\/b>revenue<\/div><\/div>\n    <\/div>\n    <div data-paneel=\"met\" class=\"uit\" aria-hidden=\"true\">\n     <p class=\"kopje\">Your partner environment \u00b7 The same question in your webshop<\/p>\n     <ol class=\"tijdlijn\">\n      <li><span class=\"t\">Sat 08:52<\/span>Mark opens your webshop and sees that e-bikes are still free at 10:00.<\/li>\n      <li><span class=\"t\">Sat 08:55<\/span>New order in.\n       <div class=\"adm-order\">\n        <div class=\"kop\">#1043 \u00b7 Mark de Vries <span class=\"badge badge--oranje\">\u25d4 Processing<\/span><span class=\"badge badge--groen\">\u2713 Paid<\/span><\/div>\n        <table class=\"adm-regels\">\n         <tr><td>2\u00d7 E-bike comfort \u00b7 half day, Sat 10:00 to 14:00<\/td><td>\u20ac120.00<\/td><\/tr>\n         <tr><td>Child seat, ticked by Mark<\/td><td>\u20ac6.00<\/td><\/tr>\n         <tr class=\"tot\"><td>Total<\/td><td>\u20ac126.00<\/td><\/tr>\n        <\/table>\n       <\/div>\n      <\/li>\n      <li><span class=\"t\">Sat 08:55<\/span>Email to Mark with the confirmation. The two e-bikes are blocked for others from 10:00 to 14:00.<\/li>\n     <\/ol>\n     <div class=\"uitkomst goed\"><div><b>0<\/b>messages<\/div><div><b>3 min<\/b>lead time<\/div><div><b>\u20ac126<\/b>revenue<\/div><\/div>\n    <\/div>\n    <\/div>\n    <p class=\"bijschrift\">One question, told twice. Switch with the buttons above.<\/p>\n   <\/div>\n  <\/div>\n <\/div>\n<\/section><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-decee57 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"decee57\" 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-9094f10\" data-id=\"9094f10\" 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-485f1cc elementor-widget elementor-widget-html\" data-id=\"485f1cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bbv2\"><!-- 2. DRIE MOMENTEN -->\n<section aria-labelledby=\"h-momenten\" style=\"padding-top:0\">\n <div class=\"wrap\">\n  <p class=\"boven\">Sound familiar?<\/p>\n  <h2 id=\"h-momenten\">Three moments when your bikes stay in the shed<\/h2>\n  <div class=\"momenten\">\n   <article><p class=\"moment\"><span class=\"stip stip--rood\"><\/span>Saturday, 09:15<\/p><h3>The queue runs out the door. Your phone rings too.<\/h3><p>On the busiest morning of the week you adjust saddles while three messages come in asking if there are e-bikes left. Whoever gets no answer rents somewhere else.<\/p><a class=\"naar-oplossing\" href=\"#oplossing-1\">How to solve it<\/a><\/article>\n   <article><p class=\"moment\"><span class=\"stip stip--oranje\"><\/span>Sunday, 13:30<\/p><h3>One tandem, two families.<\/h3><p>Your colleague promised it on the phone yesterday, you promised it by email this morning. Now you explain at the counter that there is no tandem after all.<\/p><a class=\"naar-oplossing\" href=\"#oplossing-2\">How to solve it<\/a><\/article>\n   <article><p class=\"moment\"><span class=\"stip stip--groen\"><\/span>After a rainy week<\/p><h3>Reserved, but no one showed up.<\/h3><p>Four e-bikes stood ready all morning for a group that stayed home. Those bikes could have gone to someone else.<\/p><a class=\"naar-oplossing\" href=\"#oplossing-3\">How to solve it<\/a><\/article>\n  <\/div>\n <\/div>\n<\/section><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c3fc0b6 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"c3fc0b6\" 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-8889c66\" data-id=\"8889c66\" 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-7e9a0ab elementor-widget elementor-widget-html\" data-id=\"7e9a0ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bbv2\"><!-- 3. REKENVOORBEELD -->\n<section aria-labelledby=\"h-reken\" style=\"background:#fff\">\n <div class=\"wrap\">\n  <p class=\"boven\">Calculator<\/p>\n  <h2 id=\"h-reken\">What are you missing out on each year?<\/h2>\n  <p class=\"lead\">Fill in your own estimate. You know your busy days best.<\/p>\n  <div class=\"reken-grid\">\n   <div class=\"schuiven\">\n    <div class=\"schuif\"><label for=\"s-week\">Requests per week <output id=\"o-week\">30<\/output><\/label><input id=\"s-week\" type=\"range\" min=\"1\" max=\"150\" step=\"1\" value=\"30\"><\/div>\n    <div class=\"schuif\"><label for=\"s-buiten\">Come in while you are busy or 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\">\u20ac45<\/output><\/label><input id=\"s-order\" type=\"range\" min=\"10\" max=\"300\" step=\"5\" value=\"45\"><\/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\">13<\/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><span class=\"merk\">Be-Bookable<\/span> per year, after your first 100 orders<\/span><b id=\"r-bb\" data-prijs-jaar>\u20ac239.88<\/b><\/p>\n    <p class=\"klein\" style=\"margin-top:8px\">Your estimate, not a promise. It shows what a few extra rentals per month bring in.<\/p>\n    <a class=\"knop knop--klein\" href=\"#oplossing-1\">See how to win it back<\/a>\n   <\/div>\n  <\/div>\n <\/div>\n<\/section><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-169c111 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"169c111\" 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-677280f\" data-id=\"677280f\" 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-b5651e7 elementor-widget elementor-widget-html\" data-id=\"b5651e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bbv2\"><!-- 4. ZO LOSSEN WE DAT OP -->\n<section id=\"functies\" aria-labelledby=\"h-oplossing\">\n <div class=\"wrap\">\n  <p class=\"boven\">How we solve it<\/p>\n  <h2 id=\"h-oplossing\">A webshop that rents out bikes while you hand them out<\/h2>\n  <p class=\"lead\" style=\"max-width:none\">There is a feature in <span class=\"merk\">Be-Bookable<\/span> for each of those three moments. This is what it looks like for your customer.<\/p>\n\n  <div class=\"rij\" id=\"oplossing-1\">\n   <div>\n    <p class=\"moment\"><span class=\"stip stip--rood\"><\/span>Saturday, 09:15<\/p>\n    <h3>Your customer books and pays<\/h3>\n    <p><b>Your webshop answers \"is there an e-bike left?\" by itself.<\/b> Your customer picks a date, a start time and the number of bikes, sees the total price right away and pays online. You don't even have to pick up your phone.<\/p>\n    <p class=\"aansporing\">What your customer sees: a date, start time 10:00, two e-bikes, total \u20ac36.<\/p>\n   <\/div>\n   <figure class=\"gif gif--staand\"><img loading=\"lazy\" src=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/fietsverhuur-hero-en-stil.jpg\" data-gif=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/fietsverhuur-hero-en.gif\" data-still=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/fietsverhuur-hero-en-stil.jpg\" width=\"880\" height=\"1120\" alt=\"Product page of an e-bike in the PedalNL example shop: the customer picks 17 October, the start time 10:00 to 11:00 and two bikes, and the total becomes 36 euros\" loading=\"lazy\" decoding=\"async\" title=\"\"><\/figure>\n  <\/div>\n\n  <div class=\"rij rij--om\" id=\"oplossing-2\">\n   <div>\n    <p class=\"moment\"><span class=\"stip stip--oranje\"><\/span>Sunday, 13:30<\/p>\n    <h3>One stock per time slot, so never double booked<\/h3>\n    <p><b>For each bike you set how many you have.<\/b> Every booking takes them out of stock for that time, whether it comes in through the webshop or you enter it for a customer at the counter. Want time between two rentals to charge the battery or check the bike? That time counts too.<\/p>\n    <p class=\"aansporing\">What your customer sees: the tandem is already rented in the morning, so they pick 13:00.<\/p>\n   <\/div>\n   <figure class=\"gif gif--staand\"><img loading=\"lazy\" src=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/fietsverhuur-tandem-en-stil.jpg\" data-gif=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/fietsverhuur-tandem-en.gif\" data-still=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/fietsverhuur-tandem-en-stil.jpg\" width=\"880\" height=\"1120\" alt=\"Product page of a tandem: the start times from 09:00 to 12:00 are fully booked, the customer picks 13:00 to 17:00\" loading=\"lazy\" decoding=\"async\" title=\"\"><\/figure>\n  <\/div>\n\n  <div class=\"rij\" id=\"oplossing-3\">\n   <div>\n    <p class=\"moment\"><span class=\"stip stip--groen\"><\/span>After a rainy week<\/p>\n    <h3>Paid when booked, with extras added<\/h3>\n    <p><b>With Mollie connected, customers pay right when they book.<\/b> A reserved bike is a paid bike. And with every bike you offer a helmet, a lock or a child seat. For each accessory you decide whether it is optional or required.<\/p>\n    <p class=\"aansporing\">What your customer sees: tick a helmet and a child seat, and the total follows.<\/p>\n   <\/div>\n   <figure class=\"gif gif--staand\"><img loading=\"lazy\" src=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/fietsverhuur-acc-en-stil.jpg\" data-gif=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/fietsverhuur-acc-en.gif\" data-still=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/fietsverhuur-acc-en-stil.jpg\" width=\"880\" height=\"1120\" alt=\"Recommended accessories with an e-bike: the customer ticks a bike helmet and a child seat and the total goes from 18 to 20.50 euros\" loading=\"lazy\" decoding=\"async\" title=\"\"><\/figure>\n  <\/div>\n <\/div>\n<\/section><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0938893 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"0938893\" 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-8c4f6e3\" data-id=\"8c4f6e3\" 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-7b4a59a elementor-widget elementor-widget-html\" data-id=\"7b4a59a\" 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. ZO RICHTEN FIETSVERHUURDERS HET IN -->\n<section aria-labelledby=\"h-praktijk\" style=\"background:#fff\">\n <div class=\"wrap\">\n  <p class=\"boven\">In practice<\/p>\n  <h2 id=\"h-praktijk\">How bike rental businesses set it up<\/h2>\n  <p class=\"lead\" style=\"max-width:none\">Every bike rental is different. These are common settings per type of bike.<\/p>\n  <div class=\"praktijk\">\n   <table>\n    <thead><tr><th>What you rent out<\/th><th>Rental prices<\/th><th>Useful to set up<\/th><\/tr><\/thead>\n    <tbody>\n     <tr><td>City bikes<\/td><td data-label=\"Rental prices\">Per hour and per day<\/td><td data-label=\"Useful to set up\">Open 9:00 to 18:00, so customers start within your hours<\/td><\/tr>\n     <tr><td>E-bikes<\/td><td data-label=\"Rental prices\">1 hour, 4 hours or a whole day<\/td><td data-label=\"Useful to set up\">An hour after each rental to charge the battery<\/td><\/tr>\n     <tr><td>Cargo bikes<\/td><td data-label=\"Rental prices\">Per day and per weekend<\/td><td data-label=\"Useful to set up\">Book at least 1 day ahead, so you can get them ready<\/td><\/tr>\n     <tr><td>Tandems<\/td><td data-label=\"Rental prices\">A fixed block of 4 hours<\/td><td data-label=\"Useful to set up\">One product per type, with its own stock<\/td><\/tr>\n     <tr><td>Helmets and child seats<\/td><td data-label=\"Rental prices\">As an accessory with the bike<\/td><td data-label=\"Useful to set up\">Optional or required, per accessory<\/td><\/tr>\n     <tr><td>Inner tubes and rain ponchos<\/td><td data-label=\"Rental prices\">As a sale item, no rental period<\/td><td data-label=\"Useful to set up\">Goes into the cart next to the rental<\/td><\/tr>\n    <\/tbody>\n   <\/table>\n  <\/div>\n  <div class=\"ook\">\n   <h3>Also included<\/h3>\n   <p class=\"functies\"><a href=\"https:\/\/www.be-bookable.com\/features\/flexible-booking-slots\/\">Rental prices per hour, day or week<\/a>, <a href=\"https:\/\/www.be-bookable.com\/features\/booking-blocks\/\">Preparation time between rentals<\/a>, <a href=\"https:\/\/www.be-bookable.com\/features\/opening-closing-times\/\">Opening hours and closing days<\/a>, <a href=\"https:\/\/www.be-bookable.com\/features\/recommend-accessories\/\">Recommended accessories<\/a>, <a href=\"https:\/\/www.be-bookable.com\/features\/order-management\/\">Orders as a table, calendar or workflow board<\/a>, <a href=\"https:\/\/www.be-bookable.com\/features\/customer-emails\/\">Customer emails per order status<\/a>, <a href=\"https:\/\/www.be-bookable.com\/features\/shop-personalisation\/\">Your own logo and colours<\/a>, <a href=\"https:\/\/www.be-bookable.com\/integrations\/self-hosted-cms\/\">The webshop on your own website<\/a>. <a class=\"alle-functies\" href=\"https:\/\/www.be-bookable.com\/features\/\">See all features<\/a><\/p>\n  <\/div>\n <\/div>\n<\/section><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-80778ee elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"80778ee\" 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-9170796\" data-id=\"9170796\" 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-8c666c1 elementor-widget elementor-widget-html\" data-id=\"8c666c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bbv2\"><!-- 6. VOORBEELDWINKEL -->\n<section id=\"demo\" aria-labelledby=\"h-demo\">\n <div class=\"wrap\">\n  <div class=\"demo-grid\">\n   <div>\n    <p class=\"boven\">Have a look around<\/p>\n    <h2 id=\"h-demo\">Make a test booking at PedalNL<\/h2>\n    <p class=\"lead\" style=\"max-width:none\">PedalNL is an example shop we built with <span class=\"merk\">Be-Bookable<\/span>. Click around the way your customer will. You don't have to pay for anything.<\/p>\n    <ul class=\"probeer\">\n     <li>Pick an e-bike and a start time<\/li>\n     <li>Pick a cargo bike for a whole day<\/li>\n     <li>Put two bikes in your cart and see how checkout works<\/li>\n    <\/ul>\n    <div class=\"knoppen\"><a class=\"knop knop--primair\" href=\"https:\/\/shop.be-bookable.com\/pedalnl\" target=\"_blank\" rel=\"noopener\">Open the example shop<\/a><\/div>\n   <\/div>\n   <a class=\"winkel-groot\" href=\"https:\/\/shop.be-bookable.com\/pedalnl\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" src=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/sports-store-cat-en-scaled.jpg\" width=\"2640\" height=\"1450\" alt=\"E-bikes category in the PedalNL example shop with prices per hour and per day\" loading=\"lazy\" decoding=\"async\" title=\"\"><span>shop.be-bookable.com\/pedalnl<\/span><\/a>\n  <\/div>\n  <div class=\"prijsbalk\" id=\"prijs\" role=\"group\" aria-label=\"Price\">\n   <div><b>\u20ac0<\/b><span>to get started<\/span><\/div>\n   <div><b>100 orders<\/b><span>free to start with<\/span><\/div>\n   <div><b data-prijs>\u20ac19.99<\/b><span>per month after that<\/span><\/div>\n   <div><b>0%<\/b><span>commission on your rentals<\/span><\/div>\n  <\/div>\n  <p class=\"prijs-link\">No contract and no setup costs. Mollie charges its own fee per payment. <a href=\"https:\/\/www.be-bookable.com\/pricing\/\">See the pricing<\/a><\/p>\n <\/div>\n<\/section><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5d7dbef elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"5d7dbef\" 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-e87d74f\" data-id=\"e87d74f\" 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-ae7a780 elementor-widget elementor-widget-html\" data-id=\"ae7a780\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bbv2\"><!-- 7. PAST HET -->\n<section aria-labelledby=\"h-past\" style=\"background:#fff\">\n <div class=\"wrap\">\n  <p class=\"boven\">To be fair<\/p>\n  <h2 id=\"h-past\">Is <span class=\"merk\">Be-Bookable<\/span> right for your bike rental?<\/h2>\n  <div class=\"past-grid\">\n   <div class=\"past past--ja\"><h3>A good fit if you<\/h3><ul>\n    <li>rent out bikes per hour, part of a day, day or week<\/li>\n    <li>want customers to book and pay online<\/li>\n    <li>want stock tracked per type of bike<\/li>\n    <li>let customers pick up at your shop or deliver yourself<\/li>\n   <\/ul><\/div>\n   <div class=\"past past--nee\"><h3>Not yet right if you need<\/h3><ul>\n    \n    <li>an ID or driving licence check during booking<\/li>\n    <li>automatic reminder emails before the return time<\/li>\n    <li>bikes that customers unlock with an app or code<\/li>\n   <\/ul>\n   <a class=\"naar-wens\" href=\"#wens\">Missing something? Let us know<\/a><\/div>\n  <\/div>\n  <div class=\"wens\" id=\"wens\">\n   <div><h3>Missing something? Tell us<\/h3>\n   <p>No idea is too crazy: what rental businesses ask for often moves up our roadmap.<\/p><\/div>\n   <a class=\"knop knop--primair\" href=\"https:\/\/www.be-bookable.com\/contact\/\">Share your wish<\/a>\n  <\/div>\n <\/div>\n<\/section><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-01a1c77 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"01a1c77\" 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-0bc2603\" data-id=\"0bc2603\" 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-ce42fc8 elementor-widget elementor-widget-html\" data-id=\"ce42fc8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bbv2\"><!-- 8. OVER -->\n<section aria-labelledby=\"h-over\">\n <div class=\"wrap over-grid\">\n  <div>\n   <p class=\"boven\">About <span class=\"merk\">Be-Bookable<\/span><\/p>\n   <h2 id=\"h-over\">Made by someone who rents things out<\/h2>\n   <p class=\"lead\" style=\"max-width:none\"><span class=\"merk\">Be-Bookable<\/span> grew out of Goede Buur Silent Disco, the rental business of one of our founders. Customers there have booked and paid by themselves from day one, and the stock is always right. Today other rental businesses run on it too.<\/p>\n  <\/div>\n  <ul class=\"feiten\">\n   <li><b>Since 2019<\/b><span>renting out silent disco sets ourselves<\/span><\/li>\n   <li><b>4.7 \/ 5<\/b><span>Goede Buur on Trustpilot, from over 245 reviews<\/span><\/li>\n   <li><b>Since 2025<\/b><span>Rental software for other rental businesses<\/span><\/li>\n  <\/ul>\n <\/div>\n<\/section><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-24d0b46 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"24d0b46\" 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-4416b22\" data-id=\"4416b22\" 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-6e8c7c4 elementor-widget elementor-widget-html\" data-id=\"6e8c7c4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bbv2\"><!-- 9. VRAGEN -->\n<section aria-labelledby=\"h-faq\" style=\"background:#fff\">\n <div class=\"wrap\" style=\"max-width:860px\">\n  <h2 id=\"h-faq\">Questions from bike rental businesses<\/h2>\n  <div style=\"margin-top:24px\">\n   <details><summary>Can customers rent a bike by the hour?<\/summary><p>Yes. You give every bike one or more rental prices, such as 1 hour, half a day of 4 hours or a whole day. With a price per hour, the customer picks a start time from the time slots within your opening hours.<\/p><\/details>\n   <details><summary>What does <span class=\"merk\">Be-Bookable<\/span> cost?<\/summary><p>Getting started is free and your first 100 orders cost nothing. After that you pay <span data-prijs>\u20ac19.99<\/span> per month, excluding VAT. <span class=\"merk\">Be-Bookable<\/span> takes no commission on your rentals. There is no contract and you can stop every month.<\/p><\/details>\n   <details><summary>How do I handle different frame sizes?<\/summary><p>With variants. You give a bike its frame sizes, for example 53 cm and 57 cm, each with its own stock. Your customer picks the size on the product page.<\/p><\/details>\n   <details><summary>How do my customers pay?<\/summary><p>Online through Mollie, with the payment methods you switch on in your own Mollie account, such as iDEAL, credit card or PayPal. You can also offer your own payment option, such as paying at pickup.<\/p><\/details>\n   <details><summary>Can I ask for a deposit?<\/summary><p>Yes. In your shop settings you choose how customers pay it: held on their credit card shortly before the rental starts, paid online with the booking, or at pickup. You set one deposit for the whole shop, and a different amount per product where needed. After the return you give it back, or keep part of it with a reason.<\/p><\/details>\n   <details><summary>Can I record damage at handover and return?<\/summary><p>Yes. Switch on handover and return under Integrations. On your phone you record what the customer takes and brings back, in what condition, with photos and the signature of the customer on the screen. The customer can get a receipt by email, so you can show what was agreed if there is damage.<\/p><\/details>\n   <details><summary>Can customers pick up without me being there?<\/summary><p>Yes. Switch on pickup codes under Integrations and set up a key safe or a code lock yourself. The customer gets a code shortly before pickup, by email and in their customer account. You choose a fixed code or a new 6-digit code per order.<\/p><\/details>\n   <details><summary>Can I also enter bookings made at the counter or by phone?<\/summary><p>Yes. With New order you create a booking for a customer yourself. <span class=\"merk\">Be-Bookable<\/span> checks whether the bikes are free, so the stock in your webshop is right straight away.<\/p><\/details>\n   <details><summary>Can the webshop go on my own website?<\/summary><p>Yes. You share the link to your shop, or you add it to your existing website with a snippet of code, whether it is built in WordPress, Shopify or something else.<\/p><\/details>\n  <\/div>\n <\/div>\n<\/section><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-332dd8f elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"332dd8f\" 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-7840b4d\" data-id=\"7840b4d\" 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-49cb401 elementor-widget elementor-widget-html\" data-id=\"49cb401\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bbv2\"><!-- 10. OOK INTERESSANT -->\n<section aria-labelledby=\"h-ook\">\n <div class=\"wrap\">\n  <p class=\"boven\">Also interesting<\/p>\n  <h2 id=\"h-ook\">More sports and leisure<\/h2>\n  <div class=\"niches\">\n   <a class=\"niche\" href=\"https:\/\/www.be-bookable.com\/rental-categories\/sup-and-canoe-rental\/\">\n    <img loading=\"lazy\" src=\"https:\/\/www.be-bookable.com\/wp-content\/uploads\/supverhuur-kaart.jpg\" width=\"800\" height=\"800\" alt=\"SUP board with a paddle\" loading=\"lazy\" decoding=\"async\" title=\"\">\n    <span class=\"niche-tx\"><strong>SUP and canoe rental<\/strong><span>SUP boards, kayaks and canoes by the hour or half day, with a life jacket as a required accessory.<\/span><em>Go to SUP and canoe rental<\/em><\/span>\n   <\/a>\n   <a class=\"niche niche--anders\" href=\"https:\/\/www.be-bookable.com\/rental-categories\/sports-and-leisure\/\">\n    <span class=\"niche-tx\"><strong>Sports and leisure<\/strong><span>Skis, camping gear, golf sets or something else? See how it works for every sports and leisure rental.<\/span><em>Go to sports and leisure<\/em><\/span>\n   <\/a>\n  <\/div>\n <\/div>\n<\/section><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3f240e8 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"3f240e8\" 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-d429d8d\" data-id=\"d429d8d\" 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-da0cdfd elementor-widget elementor-widget-html\" data-id=\"da0cdfd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bbv2\"><!-- 11. SLOT -->\n<section class=\"slot\" aria-labelledby=\"h-slot\">\n <div class=\"wrap\">\n  <h2 id=\"h-slot\">Put your bike rental online tonight<\/h2>\n  <p style=\"margin-top:14px\">Signing up takes two minutes. Your first 100 orders are free.<\/p>\n  <div class=\"knoppen\">\n   <a class=\"knop knop--primair\" href=\"https:\/\/www.be-bookable.com\/sign-up\/\">Start for free<\/a>\n   <a class=\"knop knop--secundair\" href=\"#demo\">View the demo<\/a>\n  <\/div>\n <\/div>\n<\/section><\/div><script>\n(function(){\n  \/* ===== E\u00e9n plek voor de abonnementsprijs (zie BEVINDINGEN punt 1) ===== *\/\n  var PRIJS_PER_MAAND = 19.99;\n  var DE = \/^de\/i.test(document.documentElement.lang || '');\n  var eur = function(n){ return DE ? n.toFixed(2).replace('.', ',') + ' \u20ac' : '\u20ac' + n.toFixed(2); };\n  var nl = function(n){ return Math.round(n).toLocaleString(DE ? 'de-DE' : 'en-GB'); };\n  var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  var $ = function(s, r){ return (r || document).querySelector(s); };\n  var $$ = function(s, r){ return Array.prototype.slice.call((r || document).querySelectorAll(s)); };\n\n  \/* ===== Hero: elk verhaal speelt af als gesprek, de conclusies verschijnen pas daarna ===== *\/\n  var view = 'zonder', auto = !reduce, timers = [];\n  var vergelijk = $('.vergelijk');\n  function wis(){ timers.forEach(clearTimeout); timers = []; }\n  function na(ms, f){ timers.push(setTimeout(f, ms)); }\n  function speel(v, klaar){\n    var paneel = $('[data-paneel=\"' + v + '\"]');\n    var items = $$('li', paneel).filter(function(li){ return li.parentElement.matches('.mail-lijst, .tijdlijn'); });\n    var kaartjes = $$('.uitkomst div', paneel);\n    items.concat(kaartjes).forEach(function(e){ e.classList.remove('toon', 'typt'); });\n    \/\/ De pauze voor elk bericht hangt af van de echte tijd ertussen: 11 uur stilte duurt langer dan 3 minuten.\n    var DAG = { Mon: 0, Tue: 1, Wed: 2, Thu: 3, Fri: 4, Sat: 5, Sun: 6 }, vorige = null, t = 300;\n    items.forEach(function(li){\n      var m = (($('.t', li) || {}).textContent || '').match(\/(Mon|Tue|Wed|Thu|Fri|Sat|Sun) (\\d\\d):(\\d\\d)\/);\n      var minuten = null;\n      if (m) { minuten = DAG[m[1]] * 1440 + (+m[2]) * 60 + (+m[3]); if (vorige !== null && minuten < vorige) minuten += 7 * 1440; }\n      if (vorige !== null && minuten !== null) t += 1400 + Math.min(minuten - vorige, 900) * 1.0;\n      vorige = minuten;\n      na(t, function(){ li.classList.add('toon'); });\n    });\n    t += 1500;\n    kaartjes.forEach(function(k){ na(t, function(){ k.classList.add('toon'); }); t += 250; });\n    if (klaar) na(t + 3500, klaar);\n  }\n  function toonView(v, metAnimatie){\n    view = v;\n    $$('.schakel button').forEach(function(b){ b.setAttribute('aria-pressed', b.dataset.view === v ? 'true' : 'false'); });\n    $$('[data-paneel]').forEach(function(p){ var uit = p.dataset.paneel !== v; p.classList.toggle('uit', uit); p.setAttribute('aria-hidden', uit ? 'true' : 'false'); });\n    wis();\n    if (metAnimatie) speel(v, auto ? function(){ toonView(v === 'zonder' ? 'met' : 'zonder', true); } : null);\n  }\n  $$('.schakel button').forEach(function(b){ b.addEventListener('click', function(){ auto = false; toonView(b.dataset.view, !reduce); }); });\n  if (reduce) { toonView('met', false); }\n  else { vergelijk.classList.add('anim'); toonView('zonder', true); }\n\n\n  \/* ===== Gifs: speel alleen de gif die het meest in beeld is, de rest staat stil ===== *\/\n  (function(){\n    var figs = $$('.gif img[data-gif]');\n    if (!figs.length || reduce || !('IntersectionObserver' in window)) return;\n    \/\/ Imagify verpakt de afbeelding in <picture> met een webp-versie van het stilstaande beeld; die wint\n    \/\/ anders van img.src, waardoor de gif nooit zichtbaar wordt.\n    figs.forEach(function(img){ var pic = img.closest('picture'); if (pic) $$('source', pic).forEach(function(so){ so.remove(); }); });\n    var zicht = new Map(), actief = null;\n    function kies(){\n      var best = null, bestR = 0.35;\n      zicht.forEach(function(r, img){ if (r > bestR) { best = img; bestR = r; } });\n      if (best === actief) return;\n      if (actief) actief.src = actief.dataset.still;\n      actief = best;\n      if (actief) actief.src = actief.dataset.gif;\n    }\n    var io = new IntersectionObserver(function(es){ es.forEach(function(e){ zicht.set(e.target, e.intersectionRatio); }); kies(); }, { threshold: [0, .2, .35, .5, .65, .8, 1] });\n    figs.forEach(function(img){ io.observe(img); });\n  })();\n\n  \/* ===== Functies: Bekijk meer ===== *\/\n  var mk = $('.meer-knop');\n  if (mk) mk.addEventListener('click', function(){ var p = mk.closest('.functies'); var open = !p.classList.contains('open'); p.classList.toggle('open', open); mk.setAttribute('aria-expanded', open ? 'true' : 'false'); mk.textContent = open ? 'Minder tonen' : 'Bekijk meer'; });\n\n  \/* ===== Rekenvoorbeeld ===== *\/\n  function reken(){\n    var w = +$('#s-week').value, b = +$('#s-buiten').value, a = +$('#s-afhaak').value, o = +$('#s-order').value;\n    $('#o-week').textContent = w; $('#o-buiten').textContent = b + '%'; $('#o-afhaak').textContent = a + '%'; $('#o-order').textContent = DE ? o + ' \u20ac' : '\u20ac' + o;\n    var jaar = w * 52 * (b \/ 100) * (a \/ 100), maand = jaar \/ 12;\n    $('#r-maand').textContent = maand < 10 ? (DE ? maand.toFixed(1).replace('.', ',') : maand.toFixed(1)) : nl(maand);\n    $('#r-jaar').textContent = DE ? nl(jaar * o) + ' \u20ac' : '\u20ac' + nl(jaar * o);\n  }\n  $$('.schuif input').forEach(function(i){ i.addEventListener('input', reken); });\n  reken();\n  $('#r-bb').textContent = eur(PRIJS_PER_MAAND * 12);\n\n  \/* ===== Tabs (vier stappen), met pijltjestoetsen ===== *\/\n  function tabs(lijstSel){\n    var knoppen = $$(lijstSel + ' [role=\"tab\"]');\n    function kies(k){\n      knoppen.forEach(function(b){\n        var aan = b === k;\n        b.setAttribute('aria-selected', aan ? 'true' : 'false');\n        b.tabIndex = aan ? 0 : -1;\n        document.getElementById(b.getAttribute('aria-controls')).hidden = !aan;\n        var u = $('.stap-uitleg'); if (aan && u && b.querySelector('.t')) u.textContent = b.querySelector('.t').textContent;\n      });\n    }\n    knoppen.forEach(function(b, i){\n      b.addEventListener('click', function(){\n        kies(b);\n        \/\/ Na een klik op een (sticky) stap: terug naar het begin van het gekozen scherm als je daar al voorbij was.\n        var grid = b.closest('.stappen-grid'); if (!grid) return;\n        var kop = window.matchMedia('(max-width:960px)').matches ? 65 + b.closest('.stappen').offsetHeight + 8 : 124;\n        var scherm = grid.querySelector('.scherm');\n        var top = scherm.getBoundingClientRect().top;\n        if (top < kop - 4) window.scrollTo({ top: window.scrollY + top - kop, behavior: reduce ? 'auto' : 'smooth' });\n      });\n      b.addEventListener('keydown', function(e){\n        var n = null;\n        if (e.key === 'ArrowRight' || e.key === 'ArrowDown') n = knoppen[(i + 1) % knoppen.length];\n        if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') n = knoppen[(i - 1 + knoppen.length) % knoppen.length];\n        if (n) { e.preventDefault(); kies(n); n.focus(); }\n      });\n    });\n  }\n  tabs('.stappen');\n\n})();\n\n(function(){\n  if (!\/^de\/i.test(document.documentElement.lang || '')) return;\n  var re = \/\u20ac(\\d{1,3}(?:,\\d{3})*)(?:\\.(\\d\\d))?\/g;\n  document.querySelectorAll('.bbv2').forEach(function(root){\n    var w = document.createTreeWalker(root, NodeFilter.SHOW_TEXT), n;\n    while ((n = w.nextNode())) {\n      if (n.nodeValue.indexOf('\u20ac') < 0 || !re.test(n.nodeValue)) continue;\n      re.lastIndex = 0;\n      n.nodeValue = n.nodeValue.replace(re, function(m, i, d){ return i.replace(\/,\/g, '.') + (d ? ',' + d : '') + ' \u20ac'; });\n    }\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Vermiete Fahrr\u00e4der und E-Bikes online, stunden- oder tageweise.<\/p>","protected":false},"author":0,"featured_media":9003,"comment_status":"closed","ping_status":"","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"footnotes":""},"categories":[33],"tags":[],"bb_blog_topic":[],"bb_feature_group":[],"class_list":["post-8942","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-rental-categories"],"_links":{"self":[{"href":"https:\/\/www.be-bookable.com\/de\/wp-json\/wp\/v2\/posts\/8942","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.be-bookable.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.be-bookable.com\/de\/wp-json\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/www.be-bookable.com\/de\/wp-json\/wp\/v2\/comments?post=8942"}],"version-history":[{"count":15,"href":"https:\/\/www.be-bookable.com\/de\/wp-json\/wp\/v2\/posts\/8942\/revisions"}],"predecessor-version":[{"id":9132,"href":"https:\/\/www.be-bookable.com\/de\/wp-json\/wp\/v2\/posts\/8942\/revisions\/9132"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.be-bookable.com\/de\/wp-json\/wp\/v2\/media\/9003"}],"wp:attachment":[{"href":"https:\/\/www.be-bookable.com\/de\/wp-json\/wp\/v2\/media?parent=8942"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.be-bookable.com\/de\/wp-json\/wp\/v2\/categories?post=8942"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.be-bookable.com\/de\/wp-json\/wp\/v2\/tags?post=8942"},{"taxonomy":"bb_blog_topic","embeddable":true,"href":"https:\/\/www.be-bookable.com\/de\/wp-json\/wp\/v2\/bb_blog_topic?post=8942"},{"taxonomy":"bb_feature_group","embeddable":true,"href":"https:\/\/www.be-bookable.com\/de\/wp-json\/wp\/v2\/bb_feature_group?post=8942"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}