.bb-ph{max-width:820px;margin:0 auto;font-size:15px;line-height:1.55;color:var(--bb-tekst,#41504a)}.bb-ph-stap{padding-top:18px;margin-top:18px;border-top:1px solid var(--bb-rand,#e2e8e4)}.bb-ph-stap[hidden]{display:none}.bb-ph-vraag{font-weight:700;font-size:17px;margin:0 0 12px;color:var(--bb-donker,#143024)}.bb-ph-vraagje{font-weight:600;margin:14px 0 6px;color:var(--bb-donker,#143024)}.bb-ph-grijs{color:var(--bb-grijs,#66756e)}.bb-ph-groep{border:1px solid var(--bb-rand,#e2e8e4);border-radius:var(--bb-r,16px);padding:12px 14px;margin-bottom:12px;background:#fff}.bb-ph-groepkop{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--bb-donker,#143024);margin-bottom:6px}.bb-ph-nummer{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--bb-groen-knop,#23803f);color:#fff;font-size:13px;flex:0 0 auto}.bb-ph .bb-ph-weg{margin-left:auto;background:none!important;border:0!important;padding:2px 4px!important;color:var(--bb-grijs,#66756e)!important;font:inherit;font-size:13px!important;text-decoration:underline;cursor:pointer;box-shadow:none!important}.bb-ph .bb-ph-weg:hover{color:#b03030!important}.bb-ph-velden{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0}.bb-ph-veld{display:flex;flex-direction:column;gap:4px;flex:1 1 160px;min-width:0}.bb-ph-veld[hidden]{display:none}.bb-ph-veld span{font-size:13px;font-weight:600;color:var(--bb-donker,#143024)}.bb-ph-veld input{padding:9px 11px;border:1px solid var(--bb-rand,#e2e8e4);border-radius:var(--bb-r-klein,10px);font-size:16px;width:100%;box-sizing:border-box}.bb-ph-radios{display:flex;flex-wrap:wrap;gap:14px;margin:4px 0 6px;font-size:14px}.bb-ph-radios.kolom{flex-direction:column;gap:6px}.bb-ph-radios label{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start;line-height:1.5}.bb-ph-radios label input{margin-top:3px}.bb-ph-radios em{font-style:normal;color:var(--bb-grijs,#66756e);font-size:13px}.bb-ph-groepsom{margin-top:10px;padding:9px 12px;border-radius:var(--bb-r-klein,10px);font-size:13px;line-height:1.6;background:var(--bb-vlak,#f6f9f7);border:1px solid var(--bb-rand,#e2e8e4);color:var(--bb-donker,#143024)}.bb-ph-uitleg{font-size:12.5px;line-height:1.6;color:var(--bb-grijs,#66756e);background:var(--bb-vlak,#f6f9f7);border:1px solid var(--bb-rand,#e2e8e4);border-radius:var(--bb-r-klein,10px);padding:10px 12px;margin:10px 0}.bb-ph-tekenvak{margin:14px 0}.bb-ph-svg{display:block;width:100%;height:auto;max-width:100%}.bb-ph-svg .paneel{fill:#e7eef7;stroke:#93a9c0;stroke-width:2.5}.bb-ph-svg .wering{fill:none;stroke:var(--bb-groen-knop,#23803f);stroke-width:14;stroke-linecap:round}.bb-ph-svg .badge{fill:var(--bb-groen-knop,#23803f)}.bb-ph-svg .badgetekst{fill:#fff;font-size:27px;font-weight:700;font-family:inherit}.bb-ph-svg .blokTekst{fill:#41504a;font-size:30px;font-family:inherit}.bb-ph-svg .blokTekst.buiten{font-size:26px}.bb-ph-legenda{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;color:var(--bb-grijs,#66756e);margin:6px 0 0}.bb-ph-staal{display:inline-block;width:26px;height:6px;border-radius:3px;background:var(--bb-groen-knop,#23803f);flex:0 0 auto;margin-top:7px}.bb-ph-lijst{list-style:none;margin:10px 0;padding:0;font-size:14px}.bb-ph-lijst li{display:flex;align-items:baseline;gap:10px;padding:6px 0;border-bottom:1px solid var(--bb-rand,#e2e8e4)}.bb-ph-lijst li b{margin-left:auto;white-space:nowrap;color:var(--bb-donker,#143024)}.bb-ph-lijst li.tussen{color:var(--bb-donker,#143024);font-weight:600}.bb-ph-lijst li.totaal{border-bottom:0;font-size:16px;font-weight:700;color:var(--bb-donker,#143024)}.bb-ph-narekenen{border:1px solid var(--bb-rand,#e2e8e4);border-radius:var(--bb-r-klein,10px);padding:4px 14px 8px;margin-bottom:12px;background:#fff}.bb-ph-narekenen .kop{font-weight:700;font-size:14px;margin-top:10px;color:var(--bb-donker,#143024)}.bb-ph-knop{display:inline-block;padding:11px 20px;background:var(--bb-groen-knop,#23803f);color:#fff;border:0;border-radius:var(--bb-r-klein,10px);font-size:15px;font-weight:700;cursor:pointer}.bb-ph-knop:hover{background:var(--bb-groen-knop-h,#1a6531)}.bb-ph-knop.groot{width:100%;margin-top:10px;padding:13px 20px}.bb-ph .bb-ph-knop.licht{background:#fff!important;color:var(--bb-groen-knop,#23803f)!important;border:2px dashed var(--bb-groen-rand,#cfe9d7)!important;box-shadow:none}.bb-ph .bb-ph-knop.licht:hover{background:var(--bb-groen-zacht,#f1f9f3)!important;border-color:var(--bb-groen,#35a35a)!important}.bb-ph .bb-ph-knop.licht[disabled]{opacity:.6;cursor:default}.bb-ph-fout{display:inline-block;margin-top:6px;color:#b03030;font-size:13.5px;font-weight:600}.bb-ph-melding{margin:10px 0;padding:10px 12px;background:var(--bb-groen-zacht,#f1f9f3);border:1px solid var(--bb-groen-rand,#cfe9d7);border-radius:var(--bb-r-klein,10px);font-size:14px;color:var(--bb-donker,#143024)}.bb-ph-tegels{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.bb-ph-tegels[data-aantal="3"]{grid-template-columns:repeat(3,1fr)}.bb-ph-tegels[data-aantal="4"]{grid-template-columns:repeat(4,1fr)}@media(max-width:640px){.bb-ph-tegels,.bb-ph-tegels[data-aantal="3"],.bb-ph-tegels[data-aantal="4"]{grid-template-columns:1fr}}.bb-ph .bb-ph-tegel{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;text-align:center;background:#fff!important;border:2px solid var(--bb-rand,#e2e8e4)!important;border-radius:var(--bb-r-klein,10px)!important;cursor:pointer;font:inherit;color:var(--bb-tekst,#41504a)!important;transition:.15s;box-shadow:none}.bb-ph .bb-ph-tegel:hover{border-color:var(--bb-groen,#35a35a)!important;background:var(--bb-groen-zacht,#f1f9f3)!important}.bb-ph .bb-ph-tegel:focus{outline:2px solid var(--bb-groen,#35a35a);outline-offset:2px}.bb-ph .bb-ph-tegel.sel,.bb-ph .bb-ph-tegel.sel:hover,.bb-ph .bb-ph-tegel.sel:focus{border-color:var(--bb-groen-knop,#23803f)!important;background:var(--bb-groen-zacht,#f1f9f3)!important;box-shadow:0 0 0 3px #35a35a2e}.bb-ph .bb-ph-tegel .ico{font-size:22px;font-weight:700;line-height:1.2;color:var(--bb-donker,#143024)}.bb-ph .bb-ph-tegel .kop{font-weight:700;color:var(--bb-donker,#143024)}.bb-ph .bb-ph-tegel .sub{font-size:12.5px;color:var(--bb-grijs,#66756e)}.bb-ph-uitslag{margin-top:18px}.bb-ph-uitslag h3{margin:0 0 8px;font-size:19px;color:var(--bb-donker,#143024)}.bb-ph-rekensom{font-size:13.5px;color:var(--bb-grijs,#66756e);background:var(--bb-vlak,#f6f9f7);border:1px solid var(--bb-rand,#e2e8e4);border-radius:var(--bb-r-klein,10px);padding:9px 12px;margin-bottom:12px}.bb-ph-kaart{border:2px solid var(--bb-rand,#e2e8e4);border-radius:var(--bb-r,16px);padding:14px 16px;margin-bottom:14px;background:#fff}.bb-ph-kaart.beste{border-color:var(--bb-groen-knop,#23803f)}.bb-ph-kaart .kop{font-weight:700;font-size:15px;margin-bottom:2px;color:var(--bb-donker,#143024)}.bb-ph-kaart .som{font-size:14px;color:var(--bb-grijs,#66756e);margin-bottom:10px}.bb-ph-kaart .regels{list-style:none;margin:0 0 10px;padding:0}.bb-ph-kaart .regels li{display:flex;align-items:baseline;gap:8px;padding:5px 0;border-bottom:1px solid var(--bb-rand,#e2e8e4);font-size:14px}.bb-ph-kaart .regels .aantal{font-weight:700;min-width:28px;color:var(--bb-donker,#143024)}.bb-ph-kaart .regels .prijs{margin-left:auto;font-weight:600;white-space:nowrap;color:var(--bb-donker,#143024)}.bb-ph-kaart .regels .prijs s{color:var(--bb-licht,#93a09a);font-weight:400;margin-right:4px}.bb-ph-kaart .totaal{display:flex;justify-content:space-between;font-size:17px;padding-top:6px;color:var(--bb-donker,#143024)}.bb-ph-kaart .klein{font-size:12.5px;color:var(--bb-grijs,#66756e);margin-top:2px}.bb-ph-pallet{margin-top:10px;padding:9px 12px;border-radius:var(--bb-r-klein,10px);font-size:13px;background:var(--bb-vlak,#f6f9f7);border:1px solid var(--bb-rand,#e2e8e4);color:var(--bb-donker,#143024)}.bb-ph-pallet.klaar{background:var(--bb-groen-zacht,#f1f9f3);border-color:var(--bb-groen-rand,#cfe9d7)}@media(max-width:420px){.bb-ph-veld{flex:1 1 100%}}@media(pointer:coarse){.bb-ph-radios{gap:4px 14px}.bb-ph-radios.kolom{gap:0}.bb-ph-radios label{padding:8px 0}.bb-ph-veld input{padding:12px 11px}.bb-ph .bb-ph-weg{padding:9px 4px!important}}.bb-ph-sectie,.bb-ph-sectie *,.bb-ph-sectie *:before,.bb-ph-sectie *:after,.bb-ph,.bb-ph *,.bb-ph *:before,.bb-ph *:after{box-sizing:border-box!important}.bb-ph{font-family:inherit;text-transform:none!important;letter-spacing:normal!important;text-align:left}.bb-ph p{margin-top:0}.bb-ph b,.bb-ph strong{font-weight:700!important}.bb-ph .bb-ph-uitslag h3{text-transform:none!important;letter-spacing:normal!important;font-weight:700!important;line-height:1.3!important;padding:0!important;border:0!important;background:none!important}.bb-ph .bb-ph-lijst,.bb-ph .bb-ph-kaart .regels{list-style:none!important;margin-left:0!important;padding-left:0!important}.bb-ph .bb-ph-lijst li:before,.bb-ph .bb-ph-kaart .regels li:before,.bb-ph .bb-ph-lijst li::marker,.bb-ph .bb-ph-kaart .regels li::marker{content:none!important;display:none!important}.bb-ph .bb-ph-knop{-webkit-appearance:none!important;appearance:none!important;display:inline-block!important;width:auto!important;min-width:0!important;max-width:100%!important;min-height:0!important;height:auto!important;padding:11px 20px!important;background:var(--bb-groen-knop,#23803f)!important;background-image:none!important;color:#fff!important;border:0!important;border-radius:var(--bb-r-klein,10px)!important;font-family:inherit!important;font-size:15px!important;font-weight:700!important;line-height:1.3!important;letter-spacing:normal!important;text-transform:none!important;text-decoration:none!important;box-shadow:none!important;text-shadow:none!important;cursor:pointer!important;transition:background .15s}.bb-ph .bb-ph-knop:hover{background:var(--bb-groen-knop-h,#1a6531)!important;color:#fff!important}.bb-ph .bb-ph-knop:focus-visible{outline:2px solid var(--bb-groen,#35a35a)!important;outline-offset:2px!important}.bb-ph .bb-ph-knop.groot{width:100%!important;margin-top:10px!important;padding:13px 20px!important}.bb-ph .bb-ph-knop[disabled]{opacity:.6!important;cursor:default!important}.bb-ph .bb-ph-knop.licht{background:#fff!important;background-image:none!important;color:var(--bb-groen-knop,#23803f)!important;border:2px dashed var(--bb-groen-rand,#cfe9d7)!important;box-shadow:none!important}.bb-ph .bb-ph-knop.licht:hover{background:var(--bb-groen-zacht,#f1f9f3)!important;color:var(--bb-groen-knop,#23803f)!important;border-color:var(--bb-groen,#35a35a)!important}.bb-ph .bb-ph-tegel{-webkit-appearance:none!important;appearance:none!important;width:100%!important;min-height:0!important;height:auto!important;text-transform:none!important;letter-spacing:normal!important;line-height:1.4!important;background-image:none!important;text-decoration:none!important}.bb-ph .bb-ph-veld input{-webkit-appearance:none!important;appearance:none!important;width:100%!important;max-width:100%!important;min-width:0!important;font-family:inherit!important;font-size:16px!important;line-height:1.3!important;background:#fff!important;color:var(--bb-tekst,#41504a)!important;border:1px solid var(--bb-rand,#e2e8e4)!important;border-radius:var(--bb-r-klein,10px)!important;box-shadow:none!important;margin:0!important}.bb-ph .bb-ph-veld input:focus{border-color:var(--bb-groen,#35a35a)!important;outline:2px solid var(--bb-groen,#35a35a)!important;outline-offset:1px!important}.bb-ph .bb-ph-veld input[type=number]{-moz-appearance:textfield!important}.bb-ph .bb-ph-veld input[type=number]::-webkit-outer-spin-button,.bb-ph .bb-ph-veld input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}.bb-ph .bb-ph-radios input[type=radio]{-webkit-appearance:auto!important;appearance:auto!important;position:static!important;opacity:1!important;width:auto!important;height:auto!important;min-width:0!important;max-width:none!important;flex:0 0 auto!important;margin:3px 0 0!important;clip:auto!important;clip-path:none!important;pointer-events:auto!important;accent-color:var(--bb-groen-knop,#23803f)}.bb-ph .bb-ph-radios label:before,.bb-ph .bb-ph-radios label:after{content:none!important;display:none!important}.bb-ph .bb-ph-radios label{background:none!important;padding-left:0!important;font-weight:400!important;text-transform:none!important;letter-spacing:normal!important}.bb-ph .bb-ph-svg{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;margin:0!important}.bb-ph .bb-ph-kaart a{color:var(--bb-groen-knop,#23803f)!important;text-decoration:underline!important}.bb-ph{width:100%;max-width:820px}.bb-ph .bb-ph-groep,.bb-ph .bb-ph-kaart,.bb-ph .bb-ph-narekenen,.bb-ph .bb-ph-rekensom,.bb-ph .bb-ph-groepsom,.bb-ph .bb-ph-uitleg,.bb-ph .bb-ph-melding,.bb-ph .bb-ph-pallet{max-width:100%;overflow-wrap:anywhere}.bb-ph .bb-ph-velden{max-width:100%}.bb-ph .bb-ph-veld{min-width:0}.bb-ph .bb-ph-radios{max-width:100%}.bb-ph .bb-ph-radios label{min-width:0;max-width:100%;overflow-wrap:anywhere}@media(max-width:560px){.bb-ph .bb-ph-radios{flex-direction:column;gap:6px}}.bb-ph .bb-ph-lijst li{flex-wrap:wrap}.bb-ph .bb-ph-lijst li>span{min-width:0;flex:1 1 auto;overflow-wrap:anywhere}.bb-ph .bb-ph-lijst li>b{flex:0 0 auto}.bb-ph .bb-ph-kaart .regels li{flex-wrap:wrap}.bb-ph .bb-ph-kaart .regels li>a{min-width:0;flex:1 1 auto;overflow-wrap:anywhere}.bb-ph .bb-ph-kaart .regels .aantal,.bb-ph .bb-ph-kaart .regels .prijs{flex:0 0 auto}.bb-ph .bb-ph-tegel .sub,.bb-ph .bb-ph-tegel .kop{overflow-wrap:anywhere;max-width:100%}.bb-ph .bb-ph-legenda{flex-wrap:wrap;max-width:100%}.bb-ph .bb-ph-tekenvak{max-width:100%;overflow:hidden}@media(max-width:400px){.bb-ph .bb-ph-knop{width:100%!important;text-align:center}.bb-ph .bb-ph-kaart{padding:12px}.bb-ph .bb-ph-narekenen{padding:4px 10px 8px}}.bb-ph-sectie{padding:var(--bb-ruimte-mob,40px) 0}@media(min-width:750px){.bb-ph-sectie{padding:var(--bb-ruimte,64px) 0}}.bb-ph-binnen{width:100%;max-width:100%;padding-left:16px;padding-right:16px;box-sizing:border-box}.bb-ph-sectie .bb-ph-kop{max-width:820px;margin:0 auto 14px;color:var(--bb-donker,#143024)}.bb-ph-sectie .bb-ph-kop h2{margin:0 0 8px;font-size:26px;line-height:1.25;color:var(--bb-donker,#143024)}.bb-ph-sectie .bb-ph-kop p{margin:0 0 8px;color:var(--bb-tekst,#41504a);font-size:15px;line-height:1.6}
/*# sourceMappingURL=/cdn/shop/t/2/assets/bb-rekentools.css.map */