Succesvol zelfbediening in de horeca

<br /> <b>Deprecated</b>: ltrim(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/var/www/www.mpluskassa.nl/website/public/index.php</b> on line <b>14</b><br /> <!DOCTYPE html> <html lang="nl"> <head>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PRXGQX7P');</script>  <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Succesvol zelfbediening in de horeca | QR app integratie</title> <meta name="description" content="Het succes van zelfbediening in de horeca. Zorg voor de perfecte presentatie van de menukaart, stel het personeel centraal, integreer de QR app."> <base href="https://www.mpluskassa.nl/"> <link rel="shortcut icon" href="/assets/ico/favicon.ico"> <link rel="canonical" href="https://www.mpluskassa.nl/qr"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans"> <link rel="stylesheet" href="https://use.typekit.net/eti8sok.css"> <style>/*! * Font Awesome Free 5.5.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{animation:fa-spin 2s infinite linear}.fa-pulse{animation:fa-spin 1s infinite steps(8)}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-balance-scale:before{content:"\f24e"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-concierge-bell:before{content:"\f562"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-diagnoses:before{content:"\f470"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-git:before{content:"\f1d3"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-handshake:before{content:"\f2b5"}.fa-hanukiah:before{content:"\f6e6"}.fa-hashtag:before{content:"\f292"}.fa-hat-wizard:before{content:"\f6e8"}.fa-haykal:before{content:"\f666"}.fa-hdd:before{content:"\f0a0"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-puck:before{content:"\f453"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hot-tub:before{content:"\f593"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-instagram:before{content:"\f16d"}.fa-internet-explorer:before{content:"\f26b"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse-pointer:before{content:"\f245"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-nintendo-switch:before{content:"\f418"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-carry:before{content:"\f4ce"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-volume:before{content:"\f2a0"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-rainbow:before{content:"\f75b"}.fa-random:before{content:"\f074"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-sass:before{content:"\f41e"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowflake:before{content:"\f2dc"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-swatchbook:before{content:"\f5c3"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet-paper:before{content:"\f71e"}.fa-toolbox:before{content:"\f552"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-train:before{content:"\f238"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-uikit:before{content:"\f403"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-water:before{content:"\f773"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-display:swap;font-weight:normal;src:url(https://use.fontawesome.com/releases/v5.5.0/webfonts/fa-brands-400.eot);src:url(https://use.fontawesome.com/releases/v5.5.0/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(https://use.fontawesome.com/releases/v5.5.0/webfonts/fa-brands-400.woff2) format("woff2"),url(https://use.fontawesome.com/releases/v5.5.0/webfonts/fa-brands-400.woff) format("woff"),url(https://use.fontawesome.com/releases/v5.5.0/webfonts/fa-brands-400.ttf) format("truetype"),url(https://use.fontawesome.com/releases/v5.5.0/webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-display:swap;font-weight:400;src:url(https://use.fontawesome.com/releases/v5.5.0/webfonts/fa-regular-400.eot);src:url(https://use.fontawesome.com/releases/v5.5.0/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(https://use.fontawesome.com/releases/v5.5.0/webfonts/fa-regular-400.woff2) format("woff2"),url(https://use.fontawesome.com/releases/v5.5.0/webfonts/fa-regular-400.woff) format("woff"),url(https://use.fontawesome.com/releases/v5.5.0/webfonts/fa-regular-400.ttf) format("truetype"),url(https://use.fontawesome.com/releases/v5.5.0/webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-display:swap;font-weight:900;src:url(https://use.fontawesome.com/releases/v5.5.0/webfonts/fa-solid-900.eot);src:url(https://use.fontawesome.com/releases/v5.5.0/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(https://use.fontawesome.com/releases/v5.5.0/webfonts/fa-solid-900.woff2) format("woff2"),url(https://use.fontawesome.com/releases/v5.5.0/webfonts/fa-solid-900.woff) format("woff"),url(https://use.fontawesome.com/releases/v5.5.0/webfonts/fa-solid-900.ttf) format("truetype"),url(https://use.fontawesome.com/releases/v5.5.0/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}</style> <style>.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s} .cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1} .cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em} @media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}} .cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block} .cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}</style> <style>html { width: 100%; margin: 0; scroll-behavior: smooth; } @media screen and (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } body { display: flex; flex-direction: column; align-items: center; font-family: 'Open Sans', serif; margin: 0; overflow-x: hidden; } svg { fill: currentColor; stroke: currentColor; } p { margin: 0 0 1em; } a.anchor { scroll-margin-top: 96px; } a { text-decoration: none; outline: none; } a.anchor-header-offset { position: relative; top: -100px; } p > a { color: rgb(233, 78, 27); } p > a:not(.button):hover { text-decoration: underline; } .no-overflow { overflow: hidden; } .hide { display: none; } .width-container { width: 100%; box-sizing: border-box; max-width: 1100px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } .color--primary { color: rgb(233, 78, 27); } .text-muted { color: #C5C5C4; } .slick-arrow { cursor: pointer; color: transparent; background: none; border: none; font-family: "Font Awesome 5 Free"; font-weight: 900; width: 50px; height: 50px; line-height: 50px; position: absolute; top: 50%; padding: 0; transform: translateY(-50%); font-size: 30px; z-index: 1; outline: none; } .slick-prev { left: 0; } .slick-next { right: 0; } .slick-arrow:before { display: inline-block; color: rgb(233, 78, 27); } .slick-prev:before { content: '\f104'; } .slick-next:before { content: '\f105'; } .fields-container { margin: 40px -10px 0 -10px; } .field-container { position: relative; margin: 0; padding: 0 10px; display: inline-block; width: 100%; box-sizing: border-box; } .field-container:not(:last-of-type) { margin: 0 0 1em; } .field-container:last-of-type { width: 100%; } .field-container--half { float: left; width: 50%; } .field-prefix, .field-suffix { position: absolute; top: calc(50% - 1px); transform: translateY(-50%); } .field-prefix { right: calc(100% - 20px); } .field-suffix { left: calc(100% - 20px); } .field { letter-spacing: inherit; border-radius: 0; font-family: inherit; font-size: 1em; appearance: none; -webkit-appearance: none; -moz-appearance: none; } .field-prefix ~ .field { padding-left: 15px; } .field-suffix ~ .field { padding-right: 15px; } .field::-webkit-search-cancel-button { -webkit-appearance: none; } .field--text, .field--textarea, .field--email, .field--tel, .field--number, .field--search, .field--select { height: 40px; line-height: 40px; padding: 0 5px; margin: 0; width: 100%; border: none; border-bottom: 1px solid rgb(20, 20, 20); opacity: .5; outline: none; transition: .4s; background-color: transparent; box-sizing: border-box; resize: none; } .field--textarea { padding-top: 5px; padding-bottom: 5px; line-height: 30px; } .field--text:focus, .field--textarea:focus, .field--email:focus, .field--tel:focus, .field--number:focus, .field--search:focus, .field--text:valid, .field--textarea:valid, .field--email:valid, .field--tel:valid, .field--number:valid, .field--search:valid, .field--select:valid { opacity: 1; } .field--checkbox { float: left; appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 20px; height: 20px; border: 1px solid rgba(20, 20, 20, .5); margin: 10px 10px 0px 0 !important; outline: none !important; background: none; } .field--checkbox:checked { background-image: linear-gradient(45deg, transparent 35%, rgb(233, 78, 27) 35%, rgb(233, 78, 27) 65%, transparent 65%), linear-gradient(135deg, transparent 42%, rgb(233, 78, 27) 42%, rgb(233, 78, 27) 58%, transparent 58%); background-position: 25% 70%, 70% 60%; background-size: 25% 25%, 50% 50%; background-repeat: no-repeat; } .field--select { padding-right: calc(.8em + 10px); background: none; background-image: linear-gradient(45deg, transparent 40%, rgb(20, 20, 20) 40%, rgb(20, 20, 20) 60%, transparent 60%), linear-gradient(135deg, transparent 40%, rgb(20, 20, 20) 40%, rgb(20, 20, 20) 60%, transparent 60%); background-position: calc(100% - .8em + 1px) 50%, calc(100% - .4em - 1px) 50%; background-size: .4em .4em, .4em .4em; background-repeat: no-repeat; } .field-container--orange .field--select { background-image: linear-gradient(45deg, transparent 40%, rgb(233, 78, 27) 40%, rgb(233, 78, 27) 60%, transparent 60%), linear-gradient(135deg, transparent 40%, rgb(233, 78, 27) 40%, rgb(233, 78, 27) 60%, transparent 60%); } .field-container--light .field, .request-trial-form-container .field-container .field { color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); } .field-container--light option, .request-trial-form-container .field-container option { color: rgb(19, 19, 19); } .field-container--orange .field { color: rgb(233, 78, 27); border-bottom-color: rgb(233, 78, 27); } .field-label { position: absolute; top: 0; left: 0; /*width: 100%;*/ padding: 0 15px; margin: 0; line-height: 40px; color: rgb(20, 20, 20); font-size: 1rem; font-weight: normal; pointer-events: none; opacity: .8; transition: .4s; } .field-container--light .field-label, .request-trial-form-container .field-container .field-label { color: rgb(255, 255, 255); } .field-container--orange .field-label { color: rgb(233, 78, 27); } .field--text:focus ~ .field-label, .field--textarea:focus ~ .field-label, .field--email:focus ~ .field-label, .field--tel:focus ~ .field-label, .field--number:focus ~ .field-label, .field--search:focus ~ .field-label, .field--text:valid ~ .field-label, .field--textarea:valid ~ .field-label, .field--email:valid ~ .field-label, .field--tel:valid ~ .field-label, .field--number:valid ~ .field-label, .field--search:valid ~ .field-label, .field--select:valid ~ .field-label { font-size: 75%; top: -20px; } .field:required ~ .field-label:after { content: '*'; color: rgb(233, 78, 27); } .checkbox-label { display: inline-block; line-height: 20px; margin: 10px 0 0; color: rgb(20, 20, 20); font-size: 13px; font-weight: normal; opacity: .5; transition: .4s; } .field-notification { width: 100%; padding: .75em 1em; font-size: .75rem; cursor: default; box-sizing: border-box; background-color: rgba(0, 0, 0, .1); color: rgba(0, 0, 0, .5); border-top: none; line-height: 1.5; } .field-info { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .field-info[data-info]::before { content: ''; position: absolute; top: 0; right: 23px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #e94e1b; margin-top: -15px; } .field-info[data-info]::after { content: attr(data-info); position: absolute; right: 10px; bottom: 100%; max-width: calc(100% - 20px); background-color: rgb(233, 78, 27); color: rgb(255, 255, 255); border-radius: 5px; padding: .5em .7em; font-size: 0.8em; margin-bottom: 15px; box-sizing: border-box; } .field-info::before, .field-info::after { opacity: 0; pointer-events: none; transition: .5s .5s; } .field-info:hover::before, .field-info:hover::after { opacity: 1; pointer-events: auto; margin-top: 0; margin-bottom: 0; transition: .5s .2s; } .field-info__icon-container { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 10px; width: 40px; height: 100%; color: rgb(233, 78, 27); cursor: help; pointer-events: auto; } .field-info--pulldown .field-info__icon-container { right: calc(.8em + 20px); } .field-info__icon { transition: .2s; } .field-info__icon-container:hover .field-info__icon { transform: scale(1.25); } .search-field-button { position: absolute; top: 0; right: 10px; padding: 0; margin: 0; border: none; width: 40px; height: 100%; background: none; opacity: .5; z-index: 1; transition: .2s; } .field:focus ~ .search-field-button, .field:valid ~ .search-field-button { opacity: 1; } .button { /*display: flex;*/ /*align-items: center;*/ /*justify-content: center;*/ font-size: 16px; cursor: pointer; background-color: #e94e1b; color: white; border-radius: 16px; padding: 7px 16px; transition: .2s; border: none; text-decoration: none; } .button.big-button { padding: 16px; border-radius: 32px; } .button:disabled { filter: grayscale(1); opacity: .25; cursor: default; } .button:not(:disabled):hover { filter: brightness(1.25); } .button--secondary { background-color: rgb(255, 255, 255); box-shadow: 0 0 0 1px rgb(233, 78, 27) inset; color: rgb(233, 78, 27); text-shadow: none; padding-bottom: calc(.679em + 2px); margin-bottom: 0; } .button--mail::before, .button--tel::before, .button--tel-after::after { font-weight: 900; font-family: "Font Awesome 5 Free"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .button--mail::before { content: '\f0e0'; } .button--tel::before { content: '\f095'; } .button--tel-after::after { content: '\00a0\00a0\00a0\f095'; } .form--after-submit { display: none; } .wysiwyg-container table th, .wysiwyg-container table td { padding: 10px 100px; vertical-align: top; text-align: center; line-height: 2em; } .wysiwyg-container table.CookieDeclarationTable th, .wysiwyg-container table.CookieDeclarationTable td { padding: 0; } .wysiwyg-container h1, .wysiwyg-container h2, .wysiwyg-container h3, .wysiwyg-container h4, .wysiwyg-container h5, .wysiwyg-container h6, .title { margin: 0 0 .75em; line-height: 1.0; word-break: break-word; } .wysiwyg-container h1, .wysiwyg-container h2, .wysiwyg-container h3, .wysiwyg-container h4, .wysiwyg-container h5, .wysiwyg-container h6, .title--h1 { font-family: 'stolzl', 'Open Sans', sans-serif; font-weight: bold; } .title { margin: 0 0 .75em; } .title__prefix { color: rgb(233, 78, 27); font-weight: 800; font-style: normal; margin-right: .25em; } .wysiwyg-container h1:after, .wysiwyg-container h2:after, .wysiwyg-container h3:after, .wysiwyg-container h4:after, .wysiwyg-container h5:after, .wysiwyg-container h6:after, .title:after { content: '.'; color: rgb(233, 78, 27); } .page-item--news .wysiwyg-container h1:after, .page-item--news-article .wysiwyg-container h1:after, .page-item--news .wysiwyg-container h2:after, .page-item--news-article .wysiwyg-container h2:after, .page-item--news .wysiwyg-container h3:after, .page-item--news-article .wysiwyg-container h3:after, .page-item--news .wysiwyg-container h4:after, .page-item--news-article .wysiwyg-container h4:after, .page-item--news .wysiwyg-container h5:after, .page-item--news-article .wysiwyg-container h5:after, .page-item--news .wysiwyg-container h6:after, .page-item--news-article .wysiwyg-container h6:after, .page-item--news .title:after { content: ''; color: rgb(233, 78, 27); } .wysiwyg-container h1 { font-size: 3em; font-weight: bold; } .wysiwyg-container h2 { font-size: 2em; font-weight: bold; } @media screen and (max-width: 992px) { .wysiwyg-container h1 { font-size: 2em; font-weight: normal; } .wysiwyg-container h2 { font-size: 1.775em; font-weight: normal; } } .title--h1 { font-size: 2em; } .title--h2 { font-size: 1.775em; } .wysiwyg-container h3, .title--h3 { font-size: 1.55em; } .wysiwyg-container h4, .title--h4 { font-size: 1.325em; } .wysiwyg-container h5, .title--h5 { font-size: 1.1em; } .wysiwyg-container h6, .title--h6 { font-size: .875em; } .wysiwyg-container p { line-height: 2.0; margin-bottom: 1.5em; } .wysiwyg-container img { max-width: 100%; max-height: 100%; } .wysiwyg-container :last-child { margin-bottom: 0; } .notifications { position: absolute; z-index: 1; width: 100dvw; text-align: center; top: 96px; left: 0; cursor: pointer; } .notifications p { padding: 20px 30px; font-size: 1.3em; } .notifications .bg-success { background-color: #dff0d8; } .notifications .bg-danger { background-color: #f2dede; } .notifications .bg-info { background-color: #d9edf7; } .notifications .bg-warning { background-color: #fcf8e3; } .notifications .bg-primary { color: #fff; background-color: #337ab7; } .label { background-color: #000; color: #fff; border-radius: 5px; padding: 0 8px; } .label.label-success { background-color: #5cb85c; } .label.label-disabled { background-color: #bbbbbb; } .edit-page, .edit-page-item, .edit-content-item { position: absolute; z-index: 997; margin-top: 10px; right: 10px; font-size: 0.6em; text-transform: lowercase; font-weight: bold; } .edit-page { margin-top: -60px; font-size: 1em; } .edit-content-item { margin-top: 30px; } .edit-page a, .edit-page-item a, .edit-content-item a { background-color: #eee; color: #008; padding: 3px 5px; border-radius: 3px; } .edit-page a:hover, .edit-page-item a:hover, .edit-content-item a:hover { background-color: #ddd; } .breadcrumbs { margin: -25px 0 25px; box-shadow: 0 -1px 0 #f0f0f0 inset; } .breadcrumbs-container { font-size: 80%; line-height: 50px; text-align: center; } .breadcrumbs-link { color: rgb(233, 78, 27); } .page-item { padding-top: 25px; padding-bottom: 25px; } .page-item__title { text-align: center; } .title-highlight { color: rgb(233, 78, 27); } .overview-items-category:not(:last-of-type) { margin-bottom: 100px; } .overview-items-category__title { margin-bottom: 10px; } .overview-items-container { display: flex; flex-wrap: wrap; margin: -10px; flex-grow: 1; } :not(.overview-items-category) > .overview-items-container { justify-content: center; } .overview-item { display: flex; flex-direction: column; position: relative; border: 10px solid transparent; margin: 0; width: 50%; box-sizing: border-box; overflow: hidden; z-index: 1; transition: .4s, opacity 0s; } .overview-item:hover { z-index: 1; } .overview-item--excluded:not(:hover) { filter: grayscale(1); opacity: .25; } .configurator__step-items .overview-item.selectable::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-width: 1px; border-style: solid; border-image-slice: 1; border-image-source: linear-gradient(-135deg, rgb(233, 78, 27) 0%, transparent 50%); } /* .configurator__step-items .overview-items-category .overview-item::after { border: none; } */ .overview-item--recommended::before { content: 'Aanbevolen'; position: absolute; top: 35px; right: 35px; padding: .75em 3em; font-size: .6em; font-weight: bold; background-color: rgb(233, 78, 27); transform: translate(50%, -50%) rotate(45deg); color: rgb(255, 255, 255); text-shadow: 1px 1px 1px rgba(0, 0, 0, .4); z-index: 1; box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset; } .mpluskassa_de .overview-item--recommended::before { content: 'Empfohlen'; } .overview-item--recommended::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-width: 1px; border-style: solid; border-image-slice: 1; border-image-source: linear-gradient(-135deg, rgb(233, 78, 27) 0%, transparent 50%); } .overview-item__link { position: absolute; text-indent: -99999em; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; transition: .4s; } .overview-item__link.overview-item__add-button { cursor: pointer; } .overview-item:hover .overview-item__link { z-index: 1; } .centered-image-container { position: relative; padding-top: 60%; box-shadow: 0 1px 0 0 rgb(230, 230, 230); } .centered-image-container--empty { background-color: rgb(248, 248, 248); } .centered-image-container--empty::before { content: '\f03e'; font-weight: 900; font-family: "Font Awesome 5 Free"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-size: 3em; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; position: absolute; top: 50%; left: 50%; color: rgba(0, 0, 0, .15); transform: translate(-50%, -50%); } .centered-image { position: absolute; top: 50%; left: 50%; width: auto; height: auto; max-width: 80%; max-height: 80%; transform: translate(-50%, -50%); transition: .4s; } .centered-image--hover, .overview-item:hover .centered-image--hover ~ .centered-image { opacity: 0; } .overview-item:hover .centered-image--hover { opacity: 1; } .overview-item__more-button { text-align: center; line-height: 1.5; display: flex; flex-direction: column; height: 100%; justify-content: center; } .overview-item__more-button-text { display: block; font-weight: 600; transition: .4s; } .overview-item:hover .overview-item__more-button-text { margin-bottom: .5em; } .overview-item__more-button-icon { color: rgb(233, 78, 27); font-size: 150%; } .overview-item__caption { padding: 0 10px; box-sizing: border-box; } .overview-item__title { font-weight: 600; margin: 10px 0; } .overview-item__pricing { font-size: .9em; } .overview-item__requirements-list { list-style: none; line-height: 1.2em; padding: 0; margin: 0; font-size: .9em; } .overview-item__requirements-list-item { position: relative; padding: .4em 0 .4em 1.5em; } .overview-item__requirements-list-item-icon { position: absolute; color: rgb(233, 78, 27); top: .5em; left: 0; } .overview-item__caption-placeholder { visibility: hidden; } .overview-item__hover-content { position: absolute; top: 0; left: 0; right: 0; padding: 60% 10px 0; width: 100%; height: 100%; box-sizing: border-box; overflow: hidden; transition: .6s; } .overview-item__caption:not(:last-child) .overview-item__hover-content { height: calc(100% - 40px); } .overview-item__hover-content--side { display: none; } .overview-item:not(.overview-item--no-preview):hover .overview-item__hover-content { padding-top: 0; background-color: rgb(255, 255, 255); } .overview-item .overview-item__hover-hidden { opacity: 0; transition: .4s; } .overview-item:not(.overview-item--no-preview):hover .overview-item__hover-hidden { opacity: 1; transition: 2s .4s; } .overview-item__hover-content--read-more::after { content: 'Lees meer...'; font-size: 85%; position: absolute; left: 0; bottom: -4em; width: 100%; height: 3em; padding-top: 1em; text-align: center; line-height: 3; color: rgb(233, 78, 27); background-image: linear-gradient(transparent 0%, rgb(255, 255, 255) 50%); } .overview-item__hover-content--side::after { content: ''; } .overview-item:not(.overview-item--no-preview):hover .overview-item__hover-content::after { bottom: 0; transition: 2s; } .overview-item__add-to-quote-container { margin-top: auto; transition: opacity .4s; } .overview-item--excluded .overview-item__add-to-quote-container { filter: grayscale(1); } .overview-item__button { position: relative; width: 100%; z-index: 1; border-top-left-radius: 0; border-top-right-radius: 0; transition: opacity .4s; } .overview-item:not(:hover) .overview-item__add-to-quote-container:not(.add-to-quote-container--added) .overview-item__button { opacity: .5; } .add-to-quote-container { position: relative; z-index: 1; } .add-to-quote-container a { color: #e94e1b !important } .add-to-quote__button { transition: .4s; } .add-to-quote-container--added .add-to-quote__button { opacity: 0; pointer-events: none; } .add-to-quote__amount-container { opacity: 0; display: flex; position: absolute; top: 0; left: 0; right: 0; transition: .4s; } .add-to-quote-container--added .add-to-quote__amount-container { opacity: 1; } .add-to-quote__amount-button { flex-grow: 1; border-top-left-radius: 0; border-top-right-radius: 0; padding-left: 2em; padding-right: 2em; } .add-to-quote__amount-button:first-of-type { border-bottom-right-radius: 0; } .add-to-quote__amount-button:last-of-type { border-bottom-left-radius: 0; } .add-to-quote-container--added .add-to-quote__amount-button { flex-grow: 0; } .add-to-quote__amount-input { flex-grow: 0; width: 0; border: none; border-top: 1px solid rgb(210, 210, 210); box-shadow: 0 -2px 0 rgb(210, 210, 210) inset; text-align: center; outline: none; } .add-to-quote__amount-input::-webkit-outer-spin-button, .add-to-quote__amount-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .add-to-quote-container--added .add-to-quote__amount-input { flex-grow: 1; } .add-to-quote__notification-container { display: flex; justify-content: center; align-items: center; position: absolute; width: 100%; height: 100%; top: -100%; opacity: 0; background-color: rgb(191, 255, 191); font-size: .75em; color: rgba(0, 0, 0, .75); pointer-events: none; transition: opacity 5s 5s; } .add-to-quote__notification-container--show { opacity: 1; transition: opacity .2s; } .overview-filters-placeholder { display: inline-block; width: 100%; transition: opacity .8s; margin: -25px 0 50px; } .overview-filters { position: fixed; margin: 0 -10px; background-color: rgb(255, 255, 255); z-index: -2; font-size: .9em; overflow-y: auto; width: calc(100% - 20px); } .tabs { display: flex; flex-wrap: wrap; align-items: flex-end; } .tabs__item { flex-grow: 1; color: inherit; font-size: 87.5%; line-height: 1; white-space: nowrap; padding: 18px 30px; text-align: center; margin: 3px -1px 0 0; background-color: rgb(250, 250, 250); border: 1px solid rgb(235, 235, 235); transition: .2s; } .tabs__item:hover, .tabs:hover .tabs__item--active:hover, .tabs:not(:hover) .tabs__item--active:not(:hover) { background-color: rgb(255, 255, 255); padding-top: 21px; margin-top: 0; border-bottom-color: transparent; } .pricing { margin-bottom: 1.8em; } .pricing__title { margin-bottom: .2em; font-weight: 600; } .pricing__prefix, .pricing__suffix { font-size: .9em; } .pricing__price { color: rgb(233, 78, 27); font-weight: 600; } .details-table-groups-container { padding: 0; margin: 0; list-style: none; } .details-table-group:not(.details-table-group--collapsible):not(:last-of-type) { margin-bottom: 2rem; } .details-table-group--collapsible { margin-bottom: -1px; } .details-table-group-title { position: relative; font-size: 1em; font-weight: 600; margin: 0; line-height: 1.5; padding: .5rem 1rem; } .details-table-group--collapsible .details-table-group-title { cursor: pointer; padding: 1.25rem 3.5rem; border-top: 1px solid rgb(240, 240, 240); border-bottom: 1px solid rgb(240, 240, 240); } .details-table-group-arrow { position: absolute; top: 50%; left: 1.5rem; transform: translateY(-50%); transition: .4s; } .details-table-group--open .details-table-group-arrow { transform: translateY(-50%) rotate(90deg); } .details-table-group:not(.details-table-group--collapsible) .details-table-group-arrow { display: none; } .details-table-group-content { overflow: hidden; transition: padding .4s; } .details-table-group--open .details-table-group-content { padding: 0 2.5rem; } .details-table-container { width: 100%; border-collapse: collapse; } .details-table-group .details-table-row:nth-of-type(odd) { background-color: rgba(0, 0, 0, .03); } .details-table-column { position: relative; line-height: 1.5; padding: .5em 1em; width: 50%; } .details-table-column--description { color: rgb(152, 152, 152); font-size: 0.75em; padding: .67em 1.33em; } .details-table-column__icon { float: left; height: 1em; margin: .25em .5em .25em 0; } .details-table-column:not(:last-of-type):after { font-weight: 900; font-family: "Font Awesome 5 Free"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; position: absolute; top: 50%; right: 0; color: rgb(233, 78, 27); transform: translate(0, -50%); } .details-table-row--one_way .details-table-column:not(:last-of-type):after { content: "\f30b"; } .details-table-row--both .details-table-column:not(:last-of-type):after { content: "\f362"; } .unpublished-page-item-warning { position: absolute; left: 0; width: 100%; height: 22px; background-color: red; opacity: 0.3; font-weight: bold; color: #fff; text-align: center; text-transform: uppercase; } @media only screen and (min-width: 768px) { .overview-item { width: calc(100% / 3); } .field-container { width: 49%; } } @media only screen and (min-width: 1025px) { /*body ::-webkit-scrollbar { width: 5px; } body ::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .1); }*/ .hide_on_desktop { display: none !important; } .overview-item { width: 20%; } .overview-filtered-result:not(:only-child) .overview-item { width: 25%; } .overview-item__link { z-index: 1; } .overview-item__hover-content--side { display: block; } .overview-item:hover .overview-item__hover-content--side { left: calc(100% + 20px); } .overview-item:nth-of-type(5n):hover .overview-item__hover-content--side { left: auto; right: calc(100% + 20px); } .slick-slider { overflow: hidden; } .slick-arrow { opacity: 0; transition: .4s; } .slick-slider:hover .slick-arrow { opacity: 1; transform: translate(0, -50%); } .slick-prev { transform: translate(-100%, -50%); } .slick-next { transform: translate(100%, -50%); } .overview-wrapper { display: flex; } .overview-filters-placeholder { width: 250px; padding: 0 50px 0 0; margin: 0; } .overview-filters { width: 250px; margin: 0; } .overview-filters-container:not(:last-child) { margin-bottom: 40px; } .overview-filter { display: flex; line-height: 1.5; padding: .75em 0; color: rgb(233, 78, 27); margin-bottom: -1px; transition: .4s; } .overview-filter__category { border: 1px solid rgb(240, 240, 240); border-left: none; border-right: none; } .overview-filter__category:hover, .overview-filters-categories-container:not(:hover) .overview-filter__category--active { color: inherit; font-weight: 600; } .overview-filter__option { font-size: .8em; padding: .25em 0; } .overview-filter__checkbox { margin: 2px 8px 2px 0; } .overview-filter__option-label { flex-grow: 1; } .overview-filtered-result { width: 100%; } /* .overview-filtered-result:not(:only-child) { width: calc(100% - 300px); } */ .configurator__step-items { width: 100%; } } @keyframes pop { 0% {} 50% { transform: scale(1.5); filter: brightness(1.2); } 100% {} } @media only screen and (max-width: 767px) { .hide_on_mobile { display: none !important; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .hide_on_tablet { display: none !important; } } </style> <style>.main-header-container { position: sticky; top: 0; display: flex; justify-content: center; width: 100%; background: white; border-bottom: 1px solid rgba(0, 0, 0, 0.1); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; z-index: 100; } .main-header-container > .main-header { display: grid; grid-template-columns: auto 1fr auto auto; align-items: center; flex: 1; height: 96px; padding: 0 64px; } .main-header-container > .main-header > .hamburger-button-container { display: none; } .main-header-container > .main-header > .logo-container { display: flex; justify-content: center; } .main-header-container > .main-header > .logo-container > a > img { width: 200px; } .main-header-container > .main-header > .main-header-items { display: grid; align-items: center; grid-auto-flow: column; /*gap: 32px;*/ justify-self: center; padding: 0 32px; } .main-header-container > .main-header > .main-header-items > .main-header-item { position: relative; display: grid; align-items: center; height: 92px; padding: 0 16px; border-top: 2px solid white; border-bottom: 2px solid white; } .main-header-container > .main-header > .main-header-items > .main-header-item:hover, .main-header-container > .main-header > .main-header-items > .main-header-item.main-header-item-touched { border-bottom-color: #e94e1b; } .main-header-container > .main-header a.icon-button, .main-header-container > .main-header > .main-header-items > .main-header-item > a, .main-header-container > .main-header > .search-container > .search-input > .recent-searches-container > .recent-searches > a { color: black; font-size: 1em; text-decoration: none; } .main-header-container > .main-header a.icon-button > img { width: 20px; height: 20px; } .main-header-container > .main-header a.icon-button.icon-button-big > img { width: 32px; height: 32px; } .main-header-container > .main-header > a.trial-button { justify-self: start; margin-left: 32px; } .main-header-container > .main-header > .search-container, .main-header-container > .main-header > .close-search-container { display: none; } .main-header-container > .main-header > .search-container > .search-input { position: relative; display: grid; grid-template-columns: auto 1fr; gap: 16px; flex: 1; max-width: 512px; border-radius: 4px; padding: 12px 16px; border: 2px solid #eee; } .main-header-container > .main-header > .search-container > .search-input > img { width: 24px; height: 24px; } .main-header-container > .main-header > .search-container > .search-input > input { font-size: 18px; outline: none; border: none; width: 100%; } .main-header-container > .main-header > .search-container > .search-input > input::placeholder { color: #bababa; } .main-header-container > .main-header > .search-container > .search-input > .recent-searches-container { position: absolute; top: 52px; left: 0; right: 0; background-color: white; border-radius: 4px; padding: 16px; z-index: 1; } .main-header-container > .main-header > .search-container > .search-input > .recent-searches-container > .recent-searches { display: grid; grid-template-columns: 1fr; gap: 16px; } .main-header-container > .main-header > .search-container > .search-input > .recent-searches-container > .recent-searches > * { text-align: center; } .main-header-container > .main-header > .search-container > .search-input > .recent-searches-container > .recent-searches > .recent-searches-header { color: #BABABA; font-size: 12px; } @media screen and (max-width: 1200px) { .main-header-container > .main-header { padding: 0 32px; } .main-header-container > .main-header > a.trial-button { display: none; } } @media screen and (max-width: 992px) { .main-header-container > .main-header { padding: 0 24px; } .main-header-container > .main-header > .hamburger-button-container { display: flex; } .main-header-container > .main-header > .main-header-items { display: none; } .main-header-container > .main-header > .search-container > .search-input { max-width: initial; } } .main-header-container.search-active > .main-header { grid-template-columns: 200px 1fr 200px; } .main-header-container.search-active > .main-header > .main-header-items, .main-header-container.search-active > .main-header > .open-search-container, .main-header-container.search-active > .main-header > a.trial-button { display: none; } .main-header-container.search-active > .main-header > .search-container { display: flex; justify-content: center; } .main-header-container.search-active > .main-header > .close-search-container { display: flex; justify-content: flex-end; } @media screen and (max-width: 992px) { .main-header-container.search-active > .main-header { grid-template-columns: 1fr auto; gap: 16px; } .main-header-container.search-active > .main-header > .logo-container, .main-header-container.search-active > .main-header > .hamburger-button-container { display: none; } .main-header-container.search-active { position: fixed; top: 0; background-color: white; z-index: 1; } .main-header-container > .main-header > .search-container > .search-input > .recent-searches-container { position: fixed; top: 96px; bottom: 0; border-radius: 0px; } } .full-height-image { position: relative; width: 100%; height: calc(100vh - 97px); min-height: 400px; } .full-height-image img { height: 100%; width: 100%; object-fit: cover; } .full-height-image .full-height-image-content { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: start; justify-content: center; padding: 0 25vw; } .full-height-image .full-height-image-content .full-height-image-text { font-family: "stolzl", sans-serif; color: white; font-size: 48px; max-width: 50vw; } .full-height-image .full-height-image-content a.full-height-image-action { line-height: 48px; height: 48px; padding: 0 16px; margin-top: 16px; font-size: 24px; color: white; text-decoration: none; border: 1px solid white; border-radius: 24px; } @media screen and (max-width: 992px) { .full-height-image .full-height-image-content { padding: 0 10vw; } .full-height-image .full-height-image-content .full-height-image-text { font-size: 32px; max-width: 80vw; } .full-height-image .full-height-image-content a.full-height-image-action { line-height: 32px; height: 32px; margin-top: 12px; font-size: 16px; border-radius: 16px; } } </style> <style>/*.mainmenu__item.open > .navigation-menu {*/ /* display: block;*/ /*}*/ .navigation-menu-background-cover { display: none; pointer-events: none; position: fixed; top: 96px; left: 0; width: 100%; height: 100%; background-color: #000; z-index: -1; transition: .4s; } .navigation-menu { display: none; text-transform: uppercase; font-weight: normal; background-color: white; border-bottom: 1px solid rgba(0, 0, 0, 0.1); color: black; padding: 10px 0; } .navigation-menu > .info-container, .navigation-menu > .menu-image { display: none; } .navigation-menu > .link-list { list-style: none; margin: 0; } .navigation-menu > .link-list .list-header { color: rgb(233, 78, 27); text-transform: none; } .navigation-menu > .link-list a { display: flex; align-items: center; color: black; font-weight: bold; text-decoration: none; border-bottom: 1px solid rgba(0,0,0,.1); padding: 8px 0; transition: .4s; } .navigation-menu > .link-list li:last-child a { border-bottom: none; } .navigation-menu > .link-list a > img { width: 28px; height: 28px; margin-right: 24px; } .navigation-menu > .link-list a:hover { color: rgb(233, 78, 27); } @media only screen and (min-width: 992px) { .navigation-menu-background-cover { display: inline-block; opacity: 0; } .navigation-menu { line-height: normal; letter-spacing: normal; opacity: 0; pointer-events: none; text-transform: none; position: fixed; top: 96px; left: 0; right: 0; z-index: 2; justify-content: center; } .navigation-menu > .menu-image { display: inline; } .navigation-menu > .link-list a { border-bottom: 0; white-space: nowrap; } .navigation-menu { display: grid; grid-template-columns: 350px auto; align-items: start; gap: 48px; padding: 64px; /*border-bottom-left-radius: 12px;*/ /*border-bottom-right-radius: 12px;*/ background-color: white; } .navigation-menu.three-columns { grid-template-columns: 350px repeat(2, auto); } .navigation-menu.four-columns { grid-template-columns: 350px repeat(3, auto); } .navigation-menu.five-columns { grid-template-columns: 350px repeat(4, auto); } .navigation-menu > .info-container { display: grid; grid-template-rows: repeat(2, auto); gap: 32px; } .navigation-menu > .info-container.with-action { grid-template-rows: repeat(3, auto); } .navigation-menu > .info-container > .info-container-header { font-size: 48px; font-family: 'stolzl', 'Open Sans', sans-serif; } .navigation-menu > .info-container > a.info-container-action { display: flex; align-items: center; justify-content: center; justify-self: start; height: 36px; padding: 0 24px; border-radius: 18px; color: white; background-color: #e94e1b; text-decoration: none; } .navigation-menu > .menu-image { width: 256px; height: 256px; object-fit: contain; } .navigation-menu > .link-list { display: grid; gap: 16px; } .navigation-menu > .link-list .list-header { color: #BABABA; } .navigation-menu > .link-list a { display: flex; align-items: center; color: black; font-size: 1em; font-weight: bold; text-decoration: none; } .navigation-menu > .link-list a > img { width: 28px; height: 28px; margin-right: 24px; } /*.navigation-menu { display: grid; width: 600px; background-color: white; align-items: center; grid-template-columns: minmax(auto, 350px) auto; gap: 48px; padding: 72px; text-transform: none; opacity: 0; pointer-events: none; position: absolute; transition: 0s; z-index: 1; } .navigation-menu-three-columns { grid-template-columns: minmax(auto, 350px) repeat(2, auto); width: 850px; } .navigation-menu-link-list { display: grid; gap: 16px; } .navigation-menu-link-list a { border-bottom: 0; font-size: 20px; }*/ .main-header-item:hover .navigation-menu, .main-header-item.main-header-item-touched .navigation-menu { opacity: 1; pointer-events: auto; } .main-header-item:hover .navigation-menu-background-cover, .main-header-item.main-header-item-touched .navigation-menu-background-cover { opacity: 0.1 } } @media screen and (min-width: 1025px) and (max-width: 1400px) { .navigation-menu.five-columns { grid-template-columns: repeat(4, auto); } .navigation-menu > .menu-image { display: none; } } @media screen and (min-width: 1025px) and (max-width: 1300px) { .navigation-menu { grid-template-columns: auto; gap: 36px; padding: 56px; } .navigation-menu.three-columns { grid-template-columns: repeat(2, auto); } .navigation-menu.four-columns, .navigation-menu.five-columns { grid-template-columns: repeat(3, auto); } .navigation-menu > .info-container { display: none; } } </style> <style>.mobile-header-cta-buttons { margin-left: 36px; margin-top: -16px; } .mobile-header-cta-buttons .button { margin-left: 10px; } .mobile-header-items, .mobile-header-sub-items { display: flex; flex-direction: column; } .mobile-header-items { margin-top: 35px; margin-bottom: 35px; } .mobile-header-sub-items { margin-left: 40px; } .mobile-header-items > .mobile-header-item, .mobile-header-sub-items > .mobile-header-sub-item { display: flex; flex-direction: column; } .mobile-header-items > .mobile-header-item > a, .mobile-header-sub-items > .mobile-header-sub-item > a, .mobile-header-sub-items > .mobile-header-sub-title { width: 100%; color: black; border-bottom: 1px solid #00000022; padding: 15px 0; } .mobile-header-items > .mobile-header-item:last-child > a, .mobile-header-sub-items > .mobile-header-sub-item:last-child > a { border: none; } .mobile-header-sub-items > .mobile-header-sub-item > a { padding: 7px 0; } .mobile-header-sub-items > .mobile-header-sub-title { padding: 10px 0; color: #e94e1b; border: none; } </style> <style>.content-wrapper { max-width: 1200px; padding: 16px; } @media (min-width: 600px) { .content-wrapper.contains-configurator-menu { padding-left: 150px; } } @media (min-width: 1000px) { .content-wrapper.contains-configurator-menu { max-width: 1000px; /*padding-left: 300px;*/ } }</style> <style>.footer { position: relative; width: 100%; z-index: 10; background-color: white; } .request-trial-form-container { background-color: rgb(19, 19, 19); color: white; padding: 25px 0 15px; } .request-trial-form { max-width: 1000px; margin: 0 auto; } .request-trial-form__title, .request-trial-form__intro { text-align: center; } .request-trial-form-container .request-trial-form__button { position: absolute; bottom: -15px; left: 50%; transform: translate(-50%, 50%); } .footer-row { } .footer-row-container { } .footer-columns-container { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 -10px; font-size: 0.875em; } .footer-column-container { flex-basis: 100%; flex-grow: 1; padding: 25px 0; border-bottom: 1px solid rgb(240, 240, 240); box-sizing: border-box; } .footer-column { padding: 0 10px; } .business-info { line-height: 2; } .business-info__row { display: block; clear: both; } .business-info__row--has-icon { position: relative; padding-left: 1.75em; } .business-info__icon { position: absolute; top: .5em; left: 0; color: rgb(233, 78, 27); } .business-info__link { color: inherit; transition: .2s; } .business-info__link:hover { color: rgb(233, 78, 27); text-decoration: none; } .business-info__image { max-width: 100%; margin-bottom: 20px; } .business-info__address { line-height: inherit; margin-bottom: 20px; font-style: normal; } .business-info__phone { } .business-info__opening-hours { margin-bottom: 20px; } .business-info-social { margin: 0 -.5em; } .business-info-social__item { padding: 0 .5em; color: inherit; text-decoration: none; transition: .2s; } .business-info-social__item:hover { color: rgb(233, 78, 27); } .business-info-social-icon { font-size: 1.5em; } .footer-column__title { font-weight: bold; margin: 0 0 1em; } .footer-column__list { list-style: none; padding: 0; margin: 0; } .footer-column__list-item { line-height: 1.5; } .footer-column__list-item-container { display: block; position: relative; padding: 0 0 0 1.75em; } .footer-column__list-link { color: inherit; transition: .2s; } .footer-column__list-link:hover { color: rgb(233, 78, 27); } .footer-column__list-icon { position: absolute; left: 0; top: .75em; height: 1em; line-height: 1em; } .footer-column__list-icon--arrow { left: .35em; transition: .2s; } .footer-column__list-link:hover .footer-column__list-icon--arrow { left: .5em; } .footer-column__list-icon--check { color: rgb(233, 78, 27); } .footer-column__list-item-name { display: block; padding: .5em 0; white-space: nowrap; } .footer-rating { } .footer-rating__stars-container { color: rgb(233, 78, 27); font-size: 2em; margin-bottom: 1em; display: inline-block; } .footer-rating__star { float: left; } .footer-rating__text { margin-bottom: 1.5em; } .footer-rating__text-highlight { font-weight: bold; color: rgb(233, 78, 27); } .footer-rating__keurmerken-container { } .footer-rating__keurmerk-link, .footer-rating__keurmerk-link:hover { text-decoration: none; } .footer-rating__keurmerk-image { float: left; margin-top: 10px; } .footer-rating__keurmerk-link:not(:last-of-type) .footer-rating__keurmerk-image { margin-right: 10px; } .footer-about { } .footer-about-text { line-height: 2; margin: 0; } .newsletter-optin { } .newsletter-optin__text { margin-bottom: 2em; line-height: 2; } .newsletter-optin-form__button { float: right; margin: -1em 0 0; } .footer-seo { border-top: 1px solid rgb(240, 240, 240); padding: .5em 0; margin-top: -1px; font-size: 0.75em; } .footer-seo-container { } .footer-seo-menu { list-style: none; padding: 0; margin: 0; text-align: center; } .footer-seo-menu__item { display: inline-block; color: rgb(120, 120, 120); } .footer-seo-menu__item:not(:last-of-type)::after { content: ' | '; } .footer-seo-menu__link { display: inline-block; color: inherit; padding: .5em 0; transition: .2s; } .footer-seo-menu__link:hover { color: rgb(233, 78, 27); } .footer-bottom { border-top: 1px solid rgb(240, 240, 240); padding: .5em 0; font-size: 0.75em; } .footer-bottom-container { display: flex; flex-wrap: wrap; justify-content: space-between; } .footer-bottom__part { } .footer-bottom-menu { list-style: none; padding: 0; margin: 0; } .footer-bottom-menu__item { float: left; margin-right: 3em; } .footer-bottom-menu__link { display: inline-block; color: inherit; padding: .5em 0; transition: .2s; } .footer-bottom-menu__link:hover { color: rgb(233, 78, 27); } .footer-bottom-text { float: left; line-height: 1.5; padding: .5em 0; } @media only screen and (min-width: 768px) { .footer-column-container { flex-basis: 25%; } .footer-column-container--no-title { padding-top: 78px; } }</style> <style>.icon-fragment { display: flex; align-items: center; } .icon-fragment.icon-fragment-inline { display: inline-flex; } .icon-fragment svg { display: inline-block; width: 24px; height: 24px; } .icon-fragment span:last-child { margin-left: 10px; }</style> <style>/** * 1. Make the dialog container, and its child overlay spread across * the entire window. */ .dialog-container, .dialog-overlay { position: fixed; /* 1 */ top: 0; /* 1 */ right: 0; /* 1 */ bottom: 0; /* 1 */ left: 0; /* 1 */ } /** * 1. Make sure the dialog container and all its descendants sits on * top of the rest of the page. * 2. Make the dialog container a flex container to easily center the * dialog. */ .dialog-container { z-index: 9999; /* 1 */ display: flex; /* 2 */ margin-bottom: 6em; } /** * 1. Make sure the dialog container and all its descendants are not * visible and not focusable when it is hidden. */ .dialog-container[aria-hidden='true'] { display: none; /* 1 */ } /** * 1. Make the overlay look like an overlay. */ .dialog-overlay { background-color: rgb(43 46 56 / 0.9); /* 1 */ animation: fade-in 200ms both; } .dialog-content { z-index: 9999; overflow: auto; position: absolute; background-color: white; padding: 1em; max-width: 70%; width: 600px; height: 100dvh; } .dialog-content.on-left-side { left: 0; animation: fade-in 400ms 200ms both, slide-in-from-left 400ms 200ms both; } .dialog-content.on-right-side { right: 0; animation: fade-in 400ms 200ms both, slide-in-from-right 400ms 200ms both; } .dialog-content.on-bottom-side { bottom: 0; animation: fade-in 400ms 200ms both, slide-in-from-bottom 400ms 200ms both; } .dialog-content > .dialog-fragment { padding: 35px 0; } .dialog-content .dialog-button { width: 100%; } .dialog-title { text-align: center; } @media screen and (min-width: 700px) { .dialog-content { padding: 3em; } } @keyframes fade-in { from { opacity: 0; } } @keyframes slide-in-from-left { from { transform: translateX(-100%); } } @keyframes slide-in-from-right { from { transform: translateX(100%); } } @keyframes slide-in-from-bottom { from { transform: translateY(100%); } } @media (prefers-reduced-motion: reduce) { .dialog-overlay, .dialog-content { animation: none; } } .dialog-content h1 { margin: 0; font-size: 1.25em; } .dialog-close { position: absolute; top: 28px; border: 0; padding: 0.25em; background-color: transparent; font-size: 1.5em; width: 1.5em; height: 1.5em; text-align: center; cursor: pointer; transition: 0.15s; border-radius: 50%; color: red; z-index: 1; } .on-left-side > .dialog-close { left: 18px; } .on-right-side > .dialog-close, .on-bottom-side > .dialog-close { right: 18px; } .dialog-close:hover { background-color: rgb(50 50 0 / 0.15); } @media screen and (min-width: 700px) { .dialog-close { top: 1em; right: 1em; } } .dialog-content > .dialog-fragment .width-container, .dialog-content > .dialog-fragment figure { margin: 0; padding: 0; } .dialog-content > .dialog-fragment .add-to-quote-container { display: none; } .dialog-content > .dialog-fragment img { max-width: 100%; }</style> <style>/*! Flickity v2.3.0 https://flickity.metafizzy.co ---------------------------------------------- */ .flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}</style> <style>.flickity-carousel { width: 100%; } .flickity-carousel-image { width: 100%; } .flickity-viewport { transition: height 0.2s; }</style> <style> .configurator-container { margin-bottom: 1rem; } .configurator-container h1, .configurator-container h2 { font-family: 'stolzl', 'Open Sans', sans-serif; font-weight: bold; } .configurator-container .configurator-grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 112px; gap: 16px; } @media (min-width: 600px) { .configurator-container .configurator-grid { grid-template-columns: repeat(4, 1fr); } } @media (min-width: 1000px) { .configurator-container { margin-bottom: 2rem; } .configurator-container .configurator-grid.configurator-grid-8 { grid-template-columns: repeat(8, 1fr); } .configurator-container .configurator-grid.configurator-grid-7 { grid-template-columns: repeat(7, 1fr); } .configurator-container .configurator-grid { grid-template-columns: repeat(6, 1fr); } .configurator-container .configurator-grid.configurator-grid-5 { grid-template-columns: repeat(5, 1fr); } .configurator-container .configurator-grid.configurator-grid-4 { grid-template-columns: repeat(4, 1fr); } .configurator-container .configurator-grid.configurator-grid-3 { grid-template-columns: repeat(3, 1fr); } .configurator-container .configurator-grid.configurator-grid-2 { grid-template-columns: repeat(2, 1fr); } .configurator-container .configurator-grid.configurator-grid-1 { grid-template-columns: 1fr; } } .configurator-container .configurator-grid .configurator-grid-item { position: relative; display: flex; flex-direction: column; padding: 16px 16px 0; gap: 16px; border-radius: 4px; background-color: white; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; border: 1px solid rgba(0, 0, 0, 0.1); overflow: hidden; user-select: none; } .configurator-container .configurator-grid .configurator-grid-item.configurator-grid-item-small-icon { gap: 8px; padding: 16px; } .configurator-container .configurator-grid .configurator-grid-item .configurator-grid-item-header { font-size: 16px; font-weight: bold; } .configurator-container .configurator-grid .configurator-grid-item .configurator-grid-item-header .configurator-item-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .configurator-container .configurator-grid .configurator-grid-item.configurator-grid-item-small-icon .configurator-grid-item-header { font-size: 14px; } .configurator-container .configurator-grid .configurator-grid-item .configurator-grid-item-content { display: grid; gap: 16px; flex: 1; min-height: 0; } .configurator-container .configurator-grid .configurator-grid-item .configurator-grid-item-content.configurator-grid-item-content-orientation-vertical { grid-template-rows: 1fr auto; } .configurator-container .configurator-grid .configurator-grid-item .configurator-grid-item-content.configurator-grid-item-content-orientation-horizontal { grid-template-columns: 50% auto; } .configurator-container .configurator-grid .configurator-grid-item.configurator-grid-item-small-icon .configurator-grid-item-content.configurator-grid-item-content-orientation-horizontal { grid-template-columns: 128px auto; } .configurator-container .configurator-grid .configurator-grid-item .configurator-grid-item-content .configurator-grid-item-image { min-height: 0; } .configurator-container .configurator-grid .configurator-grid-item .configurator-grid-item-content .configurator-grid-item-image img { width: 85%; height: 85%; object-fit: contain; } .configurator-container .configurator-grid .configurator-grid-item .configurator-grid-item-content .configurator-grid-item-image-no-bottom-padding { display: flex; align-items: end; } .configurator-container .configurator-grid .configurator-grid-item .configurator-grid-item-content .configurator-grid-item-image-no-bottom-padding img { max-height: 100%; height: inherit; } .configurator-container .configurator-grid .configurator-grid-item .configurator-grid-item-content .configurator-grid-item-description { font-size: 12px; margin-bottom: 24px; } .configurator-container .configurator-grid .configurator-grid-item.configurator-grid-item-small-icon .configurator-grid-item-content .configurator-grid-item-description { margin-bottom: 0; } .configurator-container .configurator-grid .configurator-grid-item .configurator-grid-item-content.configurator-grid-item-content-orientation-vertical .configurator-grid-item-description { padding-right: 128px; } .configurator-container .configurator-grid .configurator-grid-item .configurator-grid-item-content.configurator-grid-item-content-orientation-horizontal .configurator-grid-item-description { align-self: center; } .configurator-container .configurator-grid .configurator-grid-item .configurator-grid-item-content .configurator-grid-item-add-button { position: absolute; right: 16px; font-size: 32px; line-height: 16px; bottom: 16px; color: #e94e1b; text-decoration: none; } .configurator-container .configurator-grid .configurator-grid-item .configurator-grid-item-content .configurator-grid-item-add-button.configurator-grid-item-add-button-text { font-size: 16px; bottom: 24px; } .configurator-grid-item-column-span-2 { grid-column: span 2; } .configurator-grid-item-column-span-3 { grid-column: span 2; } .configurator-grid-item-column-span-4 { grid-column: span 2; } .configurator-grid-item-column-span-5 { grid-column: span 2; } .configurator-grid-item-column-span-6 { grid-column: span 2; } .configurator-grid-item-column-span-7 { grid-column: span 2; } .configurator-grid-item-column-span-8 { grid-column: span 2; } .configurator-grid-item-column-span-9 { grid-column: span 2; } .configurator-grid-item-column-span-10 { grid-column: span 2; } @media (min-width: 600px) { .configurator-grid-item-column-span-2 { grid-column: span 2; } .configurator-grid-item-column-span-3 { grid-column: span 3; } .configurator-grid-item-column-span-4 { grid-column: span 4; } .configurator-grid-item-column-span-5 { grid-column: span 4; } .configurator-grid-item-column-span-6 { grid-column: span 4; } .configurator-grid-item-column-span-7 { grid-column: span 4; } .configurator-grid-item-column-span-8 { grid-column: span 4; } .configurator-grid-item-column-span-9 { grid-column: span 4; } .configurator-grid-item-column-span-10 { grid-column: span 4; } } @media (min-width: 1000px) { .configurator-grid-item-column-span-2 { grid-column: span 2; } .configurator-grid-item-column-span-3 { grid-column: span 3; } .configurator-grid-item-column-span-4 { grid-column: span 4; } .configurator-grid-item-column-span-5 { grid-column: span 5; } .configurator-grid-item-column-span-6 { grid-column: span 6; } .configurator-grid-item-column-span-7 { grid-column: span 7; } .configurator-grid-item-column-span-8 { grid-column: span 8; } .configurator-grid-item-column-span-9 { grid-column: span 9; } .configurator-grid-item-column-span-10 { grid-column: span 10; } }</style><style>.configurator-container .configurator-grid .configurator-grid-item:hover { cursor: pointer; z-index: 11; transition: all .1s ease-in-out; transform: scale(110%); } .cart-button { position: fixed; max-width: 180px; bottom: 40px; right: 64px; z-index: 15; } .cart-button-item-is-in-cart { background-color: #33aa33; } .cart { position: fixed; top: 0; bottom: 0; right: 0; width: 100%; height: 100dvh; display: flex; flex-direction: column; padding: 48px; box-sizing: border-box; background-color: white; } .cart a { color: black; } .cart > .cart-header { display: flex; flex-direction: column; gap: 20px; align-items: center; } .cart > .cart-header > .cart-header-title { flex: 1; font-family: "stolzl", sans-serif; font-size: 24px; font-weight: bold; } .cart > .cart-header > .text { flex: 1; } .cart > .cart-content { display: grid; grid-template-columns: auto auto auto; align-content: start; align-items: center; gap: 32px 16px; margin: 32px 0; flex: 1; min-height: 0; overflow-y: auto; } .cart > .cart-content > .cart-item { grid-column: span 3; display: grid; grid-template-columns: subgrid; } .cart > .cart-content > .cart-item > img { width: 128px; height: 64px; object-fit: contain; } .cart > .cart-content > .cart-item > .cart-item-title { display: flex; align-items: center; word-break: break-word; } .cart > .cart-content > .cart-item > .cart-item-amount-control { display: flex; align-items: center; margin-right: 16px; } .cart > .cart-content > .cart-item > .cart-item-amount-control > img { width: 20px; height: 20px; } .cart > .cart-content > .cart-item > .cart-item-amount-control > .cart-item-amount { padding: 2px; margin: 0 12px; min-width: 48px; font-weight: bold; text-align: center; border-radius: 4px; border: 1px solid #eee; } .cart > .cart-footer { display: grid; grid-template-columns: 1fr auto; gap: 32px; font-size: 14px; line-height: 20px; border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 20px; } .cart > .cart-footer > .cart-footer-text { color: #868686; } .cart > .cart-footer > a.submit-button { display: flex; align-items: center; justify-content: center; align-self: center; height: 48px; padding: 0 24px; border-radius: 24px; color: white; background-color: #e94e1b; text-decoration: none; } .cart > .cart-footer > .cart-footer-form { grid-column: span 2; display: flex; flex-direction: column; font-size: 16px; gap: 10px } .cart > .cart-footer > .cart-footer-form .fields-container { margin-top: 0; } .cart > .cart-footer > .cart-footer-form > .cart-footer-form-control-group { display: grid; grid-template-columns: 1fr 1fr; align-content: start; align-items: center; } .cart > .cart-footer > .cart-footer-form > .cart-footer-form-control-group > input[type=text], .cart > .cart-footer > .cart-footer-form > .cart-footer-form-control-group > input[type=email] { font-size: 16px; padding: 5px; border-radius: 4px; border: 1px solid #eee; } .cart > .cart-footer > .cart-footer-form > .cart-footer-form-control-group > input[type=submit] { min-height: 40px; } @media screen and (max-width: 992px) { .configurator-container .configurator-grid .configurator-grid-item:hover { transition: none; transform: none; } .cart-button { right: 48px; } .cart { width: 100%; } .cart > .cart-content { margin: 16px 0; } } @media screen and (max-width: 600px) { .cart-button { right: 32px; } .cart { padding: 24px; } .cart > .cart-content { grid-template-columns: auto auto; } .cart > .cart-content > .cart-item { grid-column: span 2; gap: 24px 12px; } .cart > .cart-content > .cart-item > img { grid-row: span 2; } .cart > .cart-content > .cart-item > .cart-item-amount-control { margin-right: 24px; } .cart > .cart-content > .cart-item > .cart-item-amount-control > img { width: 16px; height: 16px; } .cart > .cart-content > .cart-item > .cart-item-amount-control > .cart-item-amount { margin: 0 8px; min-width: 32px; } .cart > .cart-footer { font-size: 12px; grid-template-columns: auto; gap: 16px; } .cart > .cart-footer > .cart-footer-text { display: flex; flex-direction: column; } .cart > .cart-footer > a.submit-button { height: 32px; padding: 0 16px; border-radius: 16px; } .cart > .cart-footer > .cart-footer-form > .cart-footer-form-control-group { grid-template-columns: 1fr; } } /* @media screen and (max-width: 400px) { .close-cart-button { font-size: 0.8rem; margin-left: 5px; flex: 1; color: black; } .cart > .cart-content { grid-template-columns: 1fr auto; } .cart > .cart-content > .cart-item { grid-column: span 2; } .cart > .cart-content > .cart-item > img { display: none; } } */</style><style>.page-item--rich-text { position: relative; overflow: hidden; } .rich-text-columns-container { margin: -20px; } .rich-text-column { display: flex; justify-content: center; position: relative; flex-basis: 0; flex-grow: 1; padding: 20px; width: auto; } .rich-text-column-image { display: block; max-width: 100%; } .rich-text__background-image { display: block; position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; transform: translate(-50%, -50%); z-index: -1; } @media only screen and (min-width: 768px) { .rich-text-columns-container { display: flex; align-items: center; } } @media only screen and (min-width: 1025px) { }</style> </head> <body itemscope itemtype="http://schema.org/WebSite" class="mpluskassa_nl has-header">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PRXGQX7P" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <meta itemprop="url" content="https://www.mpluskassa.nl/"/> <div class="main-header-container"> <div class="main-header"> <div class="hamburger-button-container"> <a href="javascript:void(0)" class="icon-button" data-a11y-dialog-show="mobilemenu"> <img src="https://www.mpluskassa.nl/assets/template/icons8-hamburger.svg" alt="Menu" class=""> </a> </div> <div class="logo-container"> <a href="https://www.mpluskassa.nl/"><img src="https://www.mpluskassa.nl/assets/template/mpluskassa.svg" alt="" class=""></a> </div> <div class="main-header-items" x-data="{ touched_item_idx: null }"> <div class="main-header-item"> <a href="over-ons">Over ons</a> <div class="navigation-menu-background-cover"></div>  <div class="navigation-menu navigation-menu-over-ons"> <div class="info-container with-action"> <div class="info-container-header">Over ons</div> <div class="info-container-details">Kom meer te weten over MplusKASSA. Ons familiebedrijf bestaat al sinds 1985. Maak kennis met onze gedreven experts die voor jou klaarstaan.</div> <a href="over-ons" class="info-container-action">Meer over ons</a> </div> <ul class="link-list"> <li> <a href="nieuws"> Nieuws </a> </li> <li> <a href="referenties"> Referenties </a> </li> <li> <a href="vacatures"> Vacatures </a> </li> <li> <a href="dealers"> Onze resellers </a> </li> </ul> </div> </div> <div class="main-header-item"> <a href="onze-producten">Onze producten</a> <div class="navigation-menu-background-cover"></div>  <div class="navigation-menu navigation-menu-onze-producten five-columns"> <div class="info-container with-action"> <div class="info-container-header">Onze producten</div> <div class="info-container-details">Onze producten helpen jou van A tot Z met verkopen, beheren en loyalty. Alles werkt naadloos samen vanuit één systeem. De producten van MplusKASSA, op jouw manier.</div> <a href="onze-producten" class="info-container-action">Lees meer</a> </div> <img class="menu-image" src="https://www.mpluskassa.nl/minimize/png/assets/menu/onze-producten-1.png;350"> <ul class="link-list"> <li class="list-header">Verkoop</li> <li> <a href="kassasysteem"> Kassa </a> </li> <li> <a href="kiosk"> Kiosk </a> </li> <li> <a href="qr"> QR Bestel App </a> </li> <li> <a href="handheld"> Handheld </a> </li> <li> <a href="webshops"> Bestelwebsite </a> </li> </ul> <ul class="link-list"> <li class="list-header">Beheer</li> <li> <a href="backoffice"> Backoffice </a> </li> <li> <a href="voorraad"> Voorraad </a> </li> <li> <a href="keukenmanagement"> Keukenmanagement </a> </li> <li> <a href="pay"> Pay </a> </li> </ul> <ul class="link-list"> <li class="list-header">Loyalty</li> <li> <a href="guest-app"> Guest app </a> </li> <li> <a href="klantenkaart"> Klantenkaart </a> </li> <li> <a href="tegoedkaart"> Tegoedkaart </a> </li> </ul> </div> </div> <div class="main-header-item"> <a href="branches">Branches</a> <div class="navigation-menu-background-cover"></div>  <div class="navigation-menu navigation-menu-branches three-columns"> <div class="info-container with-action"> <div class="info-container-header">Branches</div> <div class="info-container-details">MplusKASSA is geschikt voor ieder soort bedrijf. Kom meer te weten over de voordelen voor jouw branche.</div> </div> <ul class="link-list"> <li> <a href="horeca"> <img src="https://www.mpluskassa.nl/minimize/png/assets/menu/kassasysteem-kassa-software-mpluskassa-branche-horeca.png" alt="Horeca" class="hide_on_mobile"> Horeca </a> </li> <li> <a href="cultuur"> <img src="https://www.mpluskassa.nl/minimize/png/assets/menu/kassasysteem-kassa-software-mpluskassa-branche-poppodium-cultuur.png" alt="Poppodium & Cultuur" class="hide_on_mobile"> Poppodium & Cultuur </a> </li> <li> <a href="snackbar"> <img src="https://www.mpluskassa.nl/minimize/png/assets/menu/kassasysteem-kassa-software-mpluskassa-branche-snackbar.png" alt="Snackbar" class="hide_on_mobile"> Snackbar </a> </li> <li> <a href="sport"> <img src="https://www.mpluskassa.nl/minimize/png/assets/menu/kassasysteem-kassa-software-mpluskassa-branche-sport.png" alt="Sport" class="hide_on_mobile"> Sport </a> </li> <li> <a href="tuincentrum-en-bouwmarkt"> <img src="https://www.mpluskassa.nl/minimize/png/assets/menu/kassasysteem-kassa-software-mpluskassa-branche-tuincentrum-bouwmarkt.png" alt="Tuincentrum & Bouwmarkt" class="hide_on_mobile"> Tuincentrum & Bouwmarkt </a> </li> </ul> <ul class="link-list"> <li> <a href="retail"> <img src="https://www.mpluskassa.nl/minimize/png/assets/menu/kassasysteem-retail-kassa-software-mpluskassa-branche-retail.png" alt="Retail" class="hide_on_mobile"> Retail </a> </li> <li> <a href="speciaalzaak"> <img src="https://www.mpluskassa.nl/minimize/png/assets/menu/kassasysteem-kassa-software-mpluskassa-branche-speciaalzaak.png" alt="Speciaalzaak" class="hide_on_mobile"> Speciaalzaak </a> </li> <li> <a href="fashion"> <img src="https://www.mpluskassa.nl/minimize/png/assets/menu/kassasysteem-kassa-software-mpluskassa-branche-fashion.png" alt="Fashion" class="hide_on_mobile"> Fashion </a> </li> <li> <a href="zorg-en-facilitair"> <img src="https://www.mpluskassa.nl/minimize/png/assets/menu/kassasysteem-kassa-software-mpluskassa-branche-zorg-facilitair.png" alt="Zorg & Facilitair" class="hide_on_mobile"> Zorg & Facilitair </a> </li> <li> <a href="bakkerij"> <img src="https://www.mpluskassa.nl/minimize/png/assets/menu/kassasysteem-kassa-software-mpluskassa-branche-bakker-bakkerij.png" alt="Bakkerij" class="hide_on_mobile"> Bakkerij </a> </li> </ul> </div> </div> <div class="main-header-item"> <a href="kassa-samenstellen">Stel zelf samen</a> <div class="navigation-menu-background-cover"></div>  <div class="navigation-menu navigation-menu-kassa-samenstellen three-columns"> <div class="info-container with-action"> <div class="info-container-header">Stel zelf samen</div> <div class="info-container-details">Stel jouw totaaloplossing zelf samen en ontvang een vrijblijvend prijsoverzicht op maat.</div> <a href="kassa-samenstellen" class="info-container-action">Start met samenstellen</a> </div> <ul class="link-list"> <li class="list-header">Producten</li> <li> <a href="kassa-samenstellen#2808"> Verkoop </a> </li> <li> <a href="kassa-samenstellen#2840"> Beheer </a> </li> <li> <a href="kassa-samenstellen#2847"> Loyalty </a> </li> </ul> <ul class="link-list"> <li class="list-header">Koppelingen</li> <li> <a href="kassa-samenstellen#2848"> Koppelingen </a> </li> </ul> </div> </div> <div class="main-header-item"> <a href="https://developers.mpluskassa.nl/introductie">API</a> </div> <div class="main-header-item"> <a href="contact">Contact</a> </div> </div> <div class="open-search-container"> <a href="javascript:void(0)" class="icon-button" onclick="openSearch()"> <img src="https://www.mpluskassa.nl/assets/template/icons8-magnifying-glass.svg" alt="Zoeken" class=""> </a> </div> <a href="javascript:void(0)" class="button trial-button" data-a11y-dialog-show="demo">Gratis proberen</a> <div class="search-container"> <form class="search-input" action="https://www.mpluskassa.nl/search" method="get"> <img src="https://www.mpluskassa.nl/assets/template/icons8-magnifying-glass.svg" alt="Zoeken" class=""> <input name="q" placeholder="Zoek"> </form> </div> <div class="close-search-container"> <a href="javascript:void(0)" class="icon-button icon-button-big" onclick="closeSearch()"> <img src="https://www.mpluskassa.nl/assets/template/icons8-cross-mark.svg" alt="Sluiten" class=""> </a> </div> </div> </div> <div class="full-height-image"> <img src="https://www.mpluskassa.nl/assets/pages/headers/QR-Bestel-App-MplusKASSA.webp" alt="" class=""> <div class="full-height-image-content"> <div class="full-height-image-text">Gastvrije zelfservice door<br /> de QR bestel app</div> <a href="https://www.mpluskassa.nl/qr#content" class="full-height-image-action">Ontdek meer</a> </div> </div> <a id="content" class="anchor"></a> <main class="content-wrapper"> <a id="2342" class="anchor"></a> <section id="rich-text-2342" class="page-item page-item--rich-text" data-js_detailpage-navigation-part="Omschrijving"> <div class="rich-text-container width-container"> <div class="rich-text-columns-container"> <div class="rich-text-column"> <div class="wysiwyg-container"> <h2><strong>Het geheim van<br /> de QR bestel app</strong></h2> <p>Als je de QR bestel app op de juiste manier inzet, levert dit meer omzet, rust en tevredenheid op. Bovendien bespaar je 15% aan kosten! Het geheim? Dat delen we graag!</p> </div> </div> <div class="rich-text-column rich-text-column-with-image hide_on_mobile"> <div class="flickity-carousel" > <div class="flickity-carousel-cell"> <img loading="lazy" data-flickity-lazyload="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/Afbeeldingen%20voor%20QR%20bestel%20app-pagina-2.png;800" src="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/Afbeeldingen%20voor%20QR%20bestel%20app-pagina-2.png;800" class="flickity-carousel-image" alt="mpluskassa, qr bestel app"> </div> </div> </div> </div> <div class="rich-text-columns-container hide_on_tablet hide_on_desktop"> <div class="rich-text-column"> <div class="flickity-carousel" > <div class="flickity-carousel-cell"> <img loading="lazy" data-flickity-lazyload="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/Afbeeldingen%20voor%20QR%20bestel%20app-pagina-3.png;800" src="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/Afbeeldingen%20voor%20QR%20bestel%20app-pagina-3.png;800" class="flickity-carousel-image" alt="mpluskassa, qr bestel app"> </div> </div> </div> </div> </div> </section> <a id="2115" class="anchor"></a> <section id="rich-text-2115" class="page-item page-item--rich-text" data-js_detailpage-navigation-part="Omschrijving"> <div class="rich-text-container width-container"> <div class="rich-text-columns-container"> <div class="rich-text-column rich-text-column-with-image hide_on_mobile"> <div class="flickity-carousel" data-flickity='{ "autoPlay": 5000, "lazyLoad": true, "wrapAround": true, "prevNextButtons": false, "pageDots": true }'> <div class="flickity-carousel-cell"> <img loading="lazy" data-flickity-lazyload="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/Afbeeldingen%20voor%20QR%20bestel%20app-pagina3-2.png;800" src="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/Afbeeldingen%20voor%20QR%20bestel%20app-pagina3-2.png;800" class="flickity-carousel-image" alt="QR bestel app MplusKASSA white mode"> </div> <div class="flickity-carousel-cell"> <img loading="lazy" data-flickity-lazyload="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/Afbeeldingen%20voor%20QR%20bestel%20app-pagina2-2.png;800" src="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/Afbeeldingen%20voor%20QR%20bestel%20app-pagina2-2.png;800" class="flickity-carousel-image" alt="QR bestel app MplusKASSA white mode"> </div> </div> </div> <div class="rich-text-column"> <div class="wysiwyg-container"> <h2><strong>De ultieme presentatie van<br /> jouw menukaart</strong></h2> <p>Ga next level met de productpresentatie. Dit overtuigt en helpt gasten bij hun bestelling. Switchen in stijl en weergave doe je eenvoudig zelf. Zo is de QR bestel app binnen no-time up to date. Jij houdt de controle!</p> <p> </p> </div> </div> </div> <div class="rich-text-columns-container hide_on_tablet hide_on_desktop"> <div class="rich-text-column"> <div class="flickity-carousel" data-flickity='{ "autoPlay": 5000, "lazyLoad": true, "wrapAround": true, "prevNextButtons": false, "pageDots": true }'> <div class="flickity-carousel-cell"> <img loading="lazy" data-flickity-lazyload="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/Afbeeldingen%20voor%20QR%20bestel%20app-pagina3-3.png;800" src="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/Afbeeldingen%20voor%20QR%20bestel%20app-pagina3-3.png;800" class="flickity-carousel-image" alt="QR bestel app MplusKASSA white mode"> </div> <div class="flickity-carousel-cell"> <img loading="lazy" data-flickity-lazyload="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/Afbeeldingen%20voor%20QR%20bestel%20app-pagina2-3.png;800" src="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/Afbeeldingen%20voor%20QR%20bestel%20app-pagina2-3.png;800" class="flickity-carousel-image" alt="QR bestel app MplusKASSA white mode"> </div> </div> </div> </div> </div> </section> <a id="2529" class="anchor"></a> <section id="rich-text-2529" class="page-item page-item--rich-text" data-js_detailpage-navigation-part="Omschrijving"> <div class="rich-text-container width-container"> <div class="rich-text-columns-container"> <div class="rich-text-column"> <div class="wysiwyg-container"> <p><br />  </p> </div> </div> </div> </div> </section> <a id="2345" class="anchor"></a> <section id="rich-text-2345" class="page-item page-item--rich-text" data-js_detailpage-navigation-part="Omschrijving"> <div class="rich-text-container width-container"> <div class="rich-text-columns-container"> <div class="rich-text-column"> <div class="wysiwyg-container"> <h2><strong>Het team in<br /> de hoofdrol</strong></h2> <p>Het contact tussen bediening en gast op nummer 1, maar dan met meer vrijheid voor de gast. Zelf kunnen kiezen hoe je bestelt en meer persoonlijke aandacht zorgt voor ultieme gastvrijheid.</p> <p> </p> </div> </div> <div class="rich-text-column rich-text-column-with-image hide_on_mobile"> <div class="flickity-carousel" > <div class="flickity-carousel-cell"> <img loading="lazy" data-flickity-lazyload="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/Afbeeldingen%20voor%20QR%20bestel%20app-pagina4-2.png;800" src="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/Afbeeldingen%20voor%20QR%20bestel%20app-pagina4-2.png;800" class="flickity-carousel-image" alt="QR bestel app MplusKASSA white mode"> </div> </div> </div> </div> <div class="rich-text-columns-container hide_on_tablet hide_on_desktop"> <div class="rich-text-column"> <div class="flickity-carousel" > <div class="flickity-carousel-cell"> <img loading="lazy" data-flickity-lazyload="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/Afbeeldingen%20voor%20QR%20bestel%20app-pagina4-3.png;800" src="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/Afbeeldingen%20voor%20QR%20bestel%20app-pagina4-3.png;800" class="flickity-carousel-image" alt="QR bestel app MplusKASSA white mode"> </div> </div> </div> </div> </div> </section> <a id="2530" class="anchor"></a> <section id="rich-text-2530" class="page-item page-item--rich-text" data-js_detailpage-navigation-part="Omschrijving"> <div class="rich-text-container width-container"> <div class="rich-text-columns-container"> <div class="rich-text-column"> <div class="wysiwyg-container"> <p><br />  </p> </div> </div> </div> </div> </section> <a id="2112" class="anchor"></a> <section id="rich-text-2112" class="page-item page-item--rich-text" data-js_detailpage-navigation-part="Omschrijving"> <div class="rich-text-container width-container"> <div class="rich-text-columns-container"> <div class="rich-text-column rich-text-column-with-image hide_on_mobile"> <div class="flickity-carousel" > <div class="flickity-carousel-cell"> <img loading="lazy" data-flickity-lazyload="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/Afbeeldingen%20voor%20QR%20bestel%20app-pagina5-2.png;800" src="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/Afbeeldingen%20voor%20QR%20bestel%20app-pagina5-2.png;800" class="flickity-carousel-image" alt="QR bestel app MplusKASSA white mode"> </div> </div> </div> <div class="rich-text-column"> <div class="wysiwyg-container"> <h2><strong>Verhoog de omzet<br /> tot wel 30%</strong></h2> <p>De gast van nu wil service on demand. Door slimme bijverkoop & up-selling verhoogt de omzet. De QR bestel app zorgt voor kortere wachttijden en vergroot daarmee de tevredenheid. Plus het bespaart 15% aan kosten!</p> </div> </div> </div> <div class="rich-text-columns-container hide_on_tablet hide_on_desktop"> <div class="rich-text-column"> <div class="flickity-carousel" > <div class="flickity-carousel-cell"> <img loading="lazy" data-flickity-lazyload="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/Afbeeldingen%20voor%20QR%20bestel%20app-pagina5-3.png;800" src="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/Afbeeldingen%20voor%20QR%20bestel%20app-pagina5-3.png;800" class="flickity-carousel-image" alt="QR bestel app MplusKASSA white mode"> </div> </div> </div> </div> </div> </section> <a id="2718" class="anchor"></a> <section id="rich-text-2718" class="page-item page-item--rich-text" data-js_detailpage-navigation-part="Omschrijving"> <div class="rich-text-container width-container"> <div class="rich-text-columns-container"> <div class="rich-text-column"> <div class="wysiwyg-container"> <p><br />  </p> </div> </div> </div> </div> </section> <a id="2343" class="anchor"></a> <section id="rich-text-2343" class="page-item page-item--rich-text" data-js_detailpage-navigation-part="Omschrijving"> <div class="rich-text-container width-container"> <div class="rich-text-columns-container"> <div class="rich-text-column"> <div class="wysiwyg-container"> <h2><strong>Jouw persoonlijke<br /> oplossing</strong></h2> <p>Elk bedrijf is anders en daarom bieden wij verschillende opties om jou een persoonlijke totaaloplossing te bieden. <br />  </p> <p>1. Digitale menukaart (add on: perfecte presentatie met fotostudio)<br /> 2. Digitale menukaart + direct bestellen<br /> 3. Digitale menukaart + direct bestellen + direct afrekenen</p> </div> </div> <div class="rich-text-column rich-text-column-with-image hide_on_mobile"> <div class="flickity-carousel" > <div class="flickity-carousel-cell"> <img loading="lazy" data-flickity-lazyload="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/Afbeeldingen%20voor%20QR%20bestel%20app-pagina6-6.png;800" src="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/Afbeeldingen%20voor%20QR%20bestel%20app-pagina6-6.png;800" class="flickity-carousel-image" alt=""> </div> </div> </div> </div> <div class="rich-text-columns-container hide_on_tablet hide_on_desktop"> <div class="rich-text-column"> <div class="flickity-carousel" > <div class="flickity-carousel-cell"> <img loading="lazy" data-flickity-lazyload="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/Afbeeldingen%20voor%20QR%20bestel%20app-pagina6-7.png;800" src="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/Afbeeldingen%20voor%20QR%20bestel%20app-pagina6-7.png;800" class="flickity-carousel-image" alt=""> </div> </div> </div> </div> </div> </section> <a id="2771" class="anchor"></a> <section id="rich-text-2771" class="page-item page-item--rich-text" data-js_detailpage-navigation-part="Omschrijving"> <div class="rich-text-container width-container"> <div class="rich-text-columns-container"> <div class="rich-text-column"> <div class="wysiwyg-container"> <p><br />  </p> </div> </div> </div> </div> </section> <a id="2346" class="anchor"></a> <section id="rich-text-2346" class="page-item page-item--rich-text" data-js_detailpage-navigation-part="Omschrijving"> <div class="rich-text-container width-container"> <div class="rich-text-columns-container hide_on_mobile"> <div class="rich-text-column rich-text-column-with-image hide_on_mobile"> <div class="flickity-carousel" > <div class="flickity-carousel-cell"> <img loading="lazy" data-flickity-lazyload="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/Afbeeldingen%20voor%20QR%20bestel%20app-pagina7-2.png;800" src="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/Afbeeldingen%20voor%20QR%20bestel%20app-pagina7-2.png;800" class="flickity-carousel-image" alt=""> </div> </div> </div> <div class="rich-text-column"> <div class="wysiwyg-container"> <h2><strong>Probeer QR<br /> bestellen zelf</strong></h2> <p>Scan de QR-code en probeer de QR bestel app zelf! Bekijk, test en bestel om te ervaren hoe het voor jouw gasten zal zijn.</p> </div> </div> </div> <div class="rich-text-columns-container hide_on_tablet hide_on_desktop"> <div class="rich-text-column"> <div class="wysiwyg-container"> <h2><strong>Probeer QR<br /> bestellen zelf</strong></h2> <p>Bekijk, test en bestel om te ervaren hoe het voor jouw gasten zal zijn.</p> <p><a href="https://ordercode.nl/db6b2c">Ga naar de QR bestel app</a></p> </div> </div> <div class="rich-text-column"> <div class="flickity-carousel" > <div class="flickity-carousel-cell"> <img loading="lazy" data-flickity-lazyload="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/Afbeeldingen%20voor%20QR%20bestel%20app-pagina7-3.png;800" src="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/Afbeeldingen%20voor%20QR%20bestel%20app-pagina7-3.png;800" class="flickity-carousel-image" alt=""> </div> </div> </div> </div> </div> </section> <a id="2772" class="anchor"></a> <section id="rich-text-2772" class="page-item page-item--rich-text" data-js_detailpage-navigation-part="Omschrijving"> <div class="rich-text-container width-container"> <div class="rich-text-columns-container"> <div class="rich-text-column"> <div class="wysiwyg-container"> <p><br />  </p> </div> </div> </div> </div> </section> <a id="2121" class="anchor"></a> <section id="rich-text-2121" class="page-item page-item--rich-text" data-js_detailpage-navigation-part="Omschrijving"> <div class="rich-text-container width-container"> <div class="rich-text-columns-container"> <div class="rich-text-column"> <div class="wysiwyg-container"> <h2><strong>De voorraad altijd up-to-date<br /> in jouw QR bestel app</strong></h2> <p>De producten van MplusKASSA werken naadloos met elkaar samen. Voor jouw QR bestel app betekent dit dat je de voorraad op één plek beheert. Zo is de voorraad van jouw aanbod altijd up-to-date.</p> <p><a href="https://www.mpluskassa.nl/voorraad">Lees meer over MplusKASSA Voorraad</a></p> </div> </div> <div class="rich-text-column rich-text-column-with-image hide_on_mobile"> <div class="flickity-carousel" > <div class="flickity-carousel-cell"> <img loading="lazy" data-flickity-lazyload="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/Afbeeldingen%20voor%20Kiosk-pagina7-6.png;800" src="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/Afbeeldingen%20voor%20Kiosk-pagina7-6.png;800" class="flickity-carousel-image" alt=""> </div> </div> </div> </div> <div class="rich-text-columns-container hide_on_tablet hide_on_desktop"> <div class="rich-text-column"> <div class="flickity-carousel" > <div class="flickity-carousel-cell"> <img loading="lazy" data-flickity-lazyload="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/Afbeeldingen%20voor%20Kiosk-pagina7-7.png;800" src="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/Afbeeldingen%20voor%20Kiosk-pagina7-7.png;800" class="flickity-carousel-image" alt=""> </div> </div> </div> </div> </div> </section> <a id="2531" class="anchor"></a> <section id="rich-text-2531" class="page-item page-item--rich-text" data-js_detailpage-navigation-part="Omschrijving"> <div class="rich-text-container width-container"> <div class="rich-text-columns-container"> <div class="rich-text-column"> <div class="wysiwyg-container"> <p><br />  </p> </div> </div> </div> </div> </section> <a id="2117" class="anchor"></a> <section id="rich-text-2117" class="page-item page-item--rich-text" data-js_detailpage-navigation-part="Omschrijving"> <div class="rich-text-container width-container"> <div class="rich-text-columns-container"> <div class="rich-text-column rich-text-column-with-image hide_on_mobile"> <div class="flickity-carousel" > <div class="flickity-carousel-cell"> <img loading="lazy" data-flickity-lazyload="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/Afbeeldingen%20voor%20QR%20bestel%20app-pagina9-2.png;800" src="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/Afbeeldingen%20voor%20QR%20bestel%20app-pagina9-2.png;800" class="flickity-carousel-image" alt=""> </div> </div> </div> <div class="rich-text-column"> <div class="wysiwyg-container"> <h2><strong>Kies jouw<br /> QR bestelbordjes</strong></h2> <p>Losse bordjes die je kunt verplaatsen, weersbestendig of vast op de tafel. Bestel via onze vaste leverancier direct verschillende soorten en maten. Of gebruik de QR-codes van MplusKASSA en bestel bij jouw vaste leverancier naar keuze.</p> </div> </div> </div> <div class="rich-text-columns-container hide_on_tablet hide_on_desktop"> <div class="rich-text-column"> <div class="flickity-carousel" > <div class="flickity-carousel-cell"> <img loading="lazy" data-flickity-lazyload="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/Afbeeldingen%20voor%20QR%20bestel%20app-pagina9-3.png;800" src="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/Afbeeldingen%20voor%20QR%20bestel%20app-pagina9-3.png;800" class="flickity-carousel-image" alt=""> </div> </div> </div> </div> </div> </section> <a id="2532" class="anchor"></a> <section id="rich-text-2532" class="page-item page-item--rich-text" data-js_detailpage-navigation-part="Omschrijving"> <div class="rich-text-container width-container"> <div class="rich-text-columns-container"> <div class="rich-text-column"> <div class="wysiwyg-container"> <p><br />  </p> </div> </div> </div> </div> </section> <a id="2717" class="anchor"></a> <section id="rich-text-2717" class="page-item page-item--rich-text" data-js_detailpage-navigation-part="Omschrijving"> <div class="rich-text-container width-container"> <div class="rich-text-columns-container hide_on_mobile"> <div class="rich-text-column"> <div class="wysiwyg-container"> <h2><strong>Productfotografie <br /> op locatie</strong></h2> <p>Laat het fotograferen van jouw aanbod over aan MplusKASSA! We komen met onze professionele fotostudio bij jou op locatie. Het optimaal presenteren van jouw menukaart was nog nooit zo eenvoudig.</p> <p style="text-align: center;"> </p> </div> </div> <div class="rich-text-column rich-text-column-with-image hide_on_mobile"> <div class="flickity-carousel" > <div class="flickity-carousel-cell"> <img loading="lazy" data-flickity-lazyload="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/PackshotCreator-mpluskassa-qr-kiosk.png;800" src="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/PackshotCreator-mpluskassa-qr-kiosk.png;800" class="flickity-carousel-image" alt="Fotobox met preview op laptop"> </div> </div> </div> </div> <div class="rich-text-columns-container hide_on_tablet hide_on_desktop"> <div class="rich-text-column"> <div class="wysiwyg-container"> <h2 style="text-align: center;">De perfecte presentatie</h2> <p style="text-align: center;">Door het gebruik van de QR bestel app stel je de menukaart centraal. De uitgelezen kans om de presentatie van het menu naar een hoger niveau te tillen. Je kunt nu flexibel werken met het menu. Zo geef je de gast het meest actuele én aantrekkelijke aanbod. </p> <p style="text-align: center;">Het blijkt dat 90% van de gasten het fijn vindt om digitaal door een mooie menukaart te scrollen. Dit biedt een grote kans. Laat in jouw menukaart daarom de bereidingswijzen, unieke ingrediënten en andere productinformatie duidelijk naar voren komen. </p> <p style="text-align: center;">Wij bieden graag hulp bij jouw perfecte presentatie. Dit doen wij met onze speciale fotostudio box. Hiermee komen jouw gerechten helemaal tot zijn recht in de QR bestel app. Meer omzet en gastvrijheid!</p> </div> </div> <div class="rich-text-column"> <div class="flickity-carousel" > <div class="flickity-carousel-cell"> <img loading="lazy" data-flickity-lazyload="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/PackshotCreator-mpluskassa-qr-kiosk%20%282%29.png;800" src="https://www.mpluskassa.nl/minimize/png/assets/rich_text/img/PackshotCreator-mpluskassa-qr-kiosk%20%282%29.png;800" class="flickity-carousel-image" alt="Fotobox met preview op laptop"> </div> </div> </div> </div> </div> </section> <a id="2916" class="anchor"></a> <section id="rich-text-2916" class="page-item page-item--rich-text" data-js_detailpage-navigation-part="Omschrijving"> <div class="rich-text-container width-container"> <div class="rich-text-columns-container"> <div class="rich-text-column"> <div class="wysiwyg-container"> <p><br />  </p> </div> </div> </div> </div> </section> <a id="2917" class="anchor"></a> <section id="rich-text-2917" class="page-item page-item--rich-text" data-js_detailpage-navigation-part="Omschrijving"> <div class="rich-text-container width-container"> <h2 class="page-item__title dealer-map__title title title--h1">Stel jouw ideale QR Bestel App samen</h2> <div class="rich-text-columns-container"> <div class="rich-text-column"> <div class="wysiwyg-container"> </div> </div> </div> </div> </section> <a id="2915" class="anchor"></a> <section class="configurator-container" x-data="cart"> <div class="configurator-grid configurator-grid-7"> <div class="configurator-grid-item configurator-grid-item-column-span-3" style="grid-row: span 4" @click="redirect(991)"> <div class="configurator-grid-item-header"> <div class="configurator-item-title">QR bestel app</div> </div> <div class="configurator-grid-item-content configurator-grid-item-content-orientation-vertical"> <div class="configurator-grid-item-image"><img src="https://www.mpluskassa.nl/minimize/png/assets/modules/img/Afbeeldingen%20voor%20QR%20bestel%20app-pagina5-5.png;800"></div> <div class="configurator-grid-item-description">Gastvrije zelfservice door de QR bestel app</div> <a href="javascript:void(0)" class="configurator-grid-item-add-button configurator-grid-item-add-button-text" @click.stop="addToCart('module', 53)" x-text="getGridItemButtonText('+ Toevoegen', 'module', 53)">+ Toevoegen</a> </div> </div><div class="configurator-grid-item configurator-grid-item-column-span-4" style="grid-row: span 2" @click="redirect(0)"> <div class="configurator-grid-item-header"> <div class="configurator-item-title">Foto studio</div> </div> <div class="configurator-grid-item-content configurator-grid-item-content-orientation-horizontal"> <div class="configurator-grid-item-image"><img src="https://www.mpluskassa.nl/minimize/png/assets/modules/img/Afbeeldingen%20voor%20Kiosk-pagina12.png;800"></div> <div class="configurator-grid-item-description">Laat het fotograferen van jouw aanbod over aan MplusKASSA! We komen met onze professionele fotostudio bij jou op locatie. Het optimaal presenteren van jouw menukaart was nog nooit zo eenvoudig.</div> <a href="javascript:void(0)" class="configurator-grid-item-add-button configurator-grid-item-add-button-text" @click.stop="addToCart('module', 64)" x-text="getGridItemButtonText('+ Toevoegen', 'module', 64)">+ Toevoegen</a> </div> </div><div class="configurator-grid-item configurator-grid-item-column-span-4" style="grid-row: span 2" @click="redirect(0)"> <div class="configurator-grid-item-header"> <div class="configurator-item-title">QR bordjes</div> </div> <div class="configurator-grid-item-content configurator-grid-item-content-orientation-horizontal"> <div class="configurator-grid-item-image"><img src="https://www.mpluskassa.nl/minimize/png/assets/modules/img/Afbeeldingen%20voor%20QR%20bestel%20app-pagina9-2.png;800"></div> <div class="configurator-grid-item-description">Losse bordjes die je kunt verplaatsen, weersbestendig of vast op de tafel. Bestel bij ons direct verschillende soorten en maten. Of gebruik de QR-codes van MplusKASSA en bestel bij jouw vaste leverancier naar keuze.</div> <a href="javascript:void(0)" class="configurator-grid-item-add-button configurator-grid-item-add-button-text" @click.stop="addToCart('module', 65)" x-text="getGridItemButtonText('+ Toevoegen', 'module', 65)">+ Toevoegen</a> </div> </div> </div> </section> <a id="2918" class="anchor"></a> <section id="rich-text-2918" class="page-item page-item--rich-text" data-js_detailpage-navigation-part="Omschrijving"> <div class="rich-text-container width-container"> <div class="rich-text-columns-container"> <div class="rich-text-column"> <div class="wysiwyg-container"> <p><br />  </p> </div> </div> </div> </div> </section> </main> <a id="footer" class="anchor"></a> <footer class="footer"> <div id="request-trial-form-container" class="request-trial-form-container"> <div class="width-container"> <h2 class="request-trial-form__title title title--h1">Vraag een demo aan</h2> <form class="request-trial-form" data-js_submit-ajax-form> <div class="form--before-submit"> <p class="request-trial-form__intro">Benieuwd wat we voor jou kunnen betekenen? Vraag dan nu jouw persoonlijke (online) demo aan. Zo kun je vrijblijvend meer informatie krijgen over onze producten, en MplusKASSA 30 dagen gratis proberen.</p> <p class="request-trial-form__intro">We nemen snel contact met je op om een demo in te plannen wanneer het jou uitkomt. Vaak al binnen 24 uur.</p> <div class="fields-container"> <input type="hidden" name="hidden_term" value=""> <input type="hidden" name="hidden_campaign" value=""> <input type="hidden" name="hidden_medium" value=""> <input type="hidden" name="hidden_source" value=""> <div class="field-container"> <input type="text" name="naam" id="demo-naam" class="field field--text" required /> <label for="demo-naam" class="field-label"> Uw naam </label> </div> <div class="field-container"> <input type="text" name="bedrijfsnaam" id="demo-bedrijfsnaam" class="field field--text" required /> <label for="demo-bedrijfsnaam" class="field-label"> Bedrijfsnaam </label> </div> <div class="field-container"> <input type="tel" name="telefoon" id="demo-telefoon" class="field field--tel" required /> <label for="demo-telefoon" class="field-label"> Telefoonnummer </label> </div> <div class="field-container"> <input type="email" name="email" id="demo-email" class="field field--email" required /> <label for="demo-email" class="field-label"> E-mailadres </label> </div> <input type="hidden" name="demo" value="1"> <input type="hidden" name="demo_id" value="12"> <div class="field-container"> <button type="submit" class="dialog-button button request-trial-form__button"> Demo aanvragen </button> </div> </div> </div> <div class="form--after-submit wysiwyg-container"> <p>Het is gelukt! Wij hebben jouw aanvraag voor een demo goed ontvangen. We nemen snel contact met je op om een demo in te plannen wanneer het jou uitkomt. Vaak al binnen 24 uur.</p> </div> </form> </div> </div> <div class="footer-row-container"> <div class="footer-row width-container"> <div class="footer-columns-container"> <div itemscope itemtype="http://schema.org/LocalBusiness" class="footer-column-container business-info"> <div class="footer-column"> <meta itemprop="name" content="MplusKASSA" /> <meta itemprop="logo" content="https://www.mpluskassa.nl/assets/img/MplusKASSA.png" /> <meta itemprop="url" content="https://www.mpluskassa.nl/" /> <img src="https://www.mpluskassa.nl/assets/img/mpluskassa.png" alt="MplusKASSA" class="business-info__row business-info__image" loading="lazy" itemprop="image"> <address itemprop="address" itemscope="" itemtype="http://schema.org/PostalAddress" class="business-info__row business-info__row--has-icon business-info__address"> <i class="fas fa-map-marker-alt business-info__icon"></i> <span class="business-info__row">MplusKASSA</span> <span itemprop="streetAddress" class="business-info__row">Lynbaan 31</span> <span class="business-info__row"> <span itemprop="postalCode">8941 BR</span> <span itemprop="addressLocality">Leeuwarden</span> </span> </address> <a href="mailto:info@mpluskassa.nl" itemprop="email" content="info@mpluskassa.nl" class="business-info__row business-info__row--has-icon business-info__link business-info__mail"> <i class="fas fa-envelope business-info__icon"></i> info@mpluskassa.nl </a> <a href="tel:058 215 7000" itemprop="telephone" content="058 215 7000" class="business-info__row business-info__row--has-icon business-info__link business-info__phone"> <i class="fas fa-phone business-info__icon"></i> 058 215 7000 </a> <span class="business-info__row business-info__row--has-icon business-info__opening-hours"> <i class="fas fa-clock business-info__icon"></i> ma-vr: 9:00 - 16:30 </span> <span class="business-info__row business-info-social"> <a href="https://facebook.com/mpluskassa/" target="_blank" class="business-info-social__item"> <i class="fab fa-facebook-square business-info-social-icon"></i> </a> <a href="https://www.instagram.com/mpluskassa/" target="_blank" class="business-info-social__item"> <i class="fab fa-instagram business-info-social-icon"></i> </a> <a href="https://www.youtube.com/user/MplusKassa/featured" target="_blank" class="business-info-social__item"> <i class="fab fa-youtube business-info-social-icon"></i> </a> <a href="https://linkedin.com/company/mpluskassa" target="_blank" class="business-info-social__item"> <i class="fab fa-linkedin business-info-social-icon"></i> </a> </span> </div> </div> <div class="footer-column-container footer-column-container--no-title unique-selling-points"> <div class="footer-column"> <ul class="footer-column__list"> <li class="footer-column__list-item"> <span class="footer-column__list-item-container"> <i class="fas fa-check footer-column__list-icon footer-column__list-icon--check"></i> <span class="footer-column__list-item-name"> Rust </span> </span> </li> <li class="footer-column__list-item"> <span class="footer-column__list-item-container"> <i class="fas fa-check footer-column__list-icon footer-column__list-icon--check"></i> <span class="footer-column__list-item-name"> Gebruiksgemak </span> </span> </li> <li class="footer-column__list-item"> <span class="footer-column__list-item-container"> <i class="fas fa-check footer-column__list-icon footer-column__list-icon--check"></i> <span class="footer-column__list-item-name"> Inzicht </span> </span> </li> <li class="footer-column__list-item"> <span class="footer-column__list-item-container"> <i class="fas fa-check footer-column__list-icon footer-column__list-icon--check"></i> <span class="footer-column__list-item-name"> Flexibiliteit </span> </span> </li> <li class="footer-column__list-item"> <span class="footer-column__list-item-container"> <i class="fas fa-check footer-column__list-icon footer-column__list-icon--check"></i> <span class="footer-column__list-item-name"> Omzet </span> </span> </li> </ul> </div> </div> <div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating" class="footer-column-container footer-column-container--no-title footer-rating"> <div class="footer-column"> <div class="footer-rating__stars-container"> <meta itemprop="worstRating" content="1" /> <meta itemprop="bestRating" content="10" /> <i class="fas fa-star footer-rating__star"></i> <i class="fas fa-star footer-rating__star"></i> <i class="fas fa-star footer-rating__star"></i> <i class="fas fa-star footer-rating__star"></i> <i class="fas fa-star footer-rating__star"></i> </div> <p class="footer-rating__text"> Gemiddelde beoordeling <span itemprop="ratingValue" class="footer-rating__text-highlight">4,7</span><br/> <span itemprop="ratingCount" itemprop="reviewCount" class="footer-rating__text-highlight">100+</span> beoordelingen op <a href="https://www.google.nl/search?q=MplusKASSA" target="_blank" class="footer-rating__text-highlight">Google</a>. </p> <div class="footer-rating__keurmerken-container"> <a href="https://www.keurmerkafrekensystemen.nl/leveranciers/" target="_blank" class="footer-rating__keurmerk-link"> <img src="https://www.mpluskassa.nl/assets/img/keurmerken/stichting-betrouwbare-afrekensystemen-keurmerk.png" alt="Keurmerk Betrouwbare Afrekensystemen" class="footer-rating__keurmerk-image" loading="lazy"> </a> <a href="https://www.geregistreerdkassasysteem.be/nl/gecertificeerde-systemen" target="_blank" class="footer-rating__keurmerk-link"> <img src="https://www.mpluskassa.nl/assets/img/keurmerken/keurmerk-geregistreerd-kassasysteem-belgie.jpg" alt="Keurmerk Geregistreerd Kassasysteem België" class="footer-rating__keurmerk-image" loading="lazy"> </a> </div> </div> </div> <div class="footer-column-container footer-column--no-title footer-about"> <div class="footer-column"> <p class="footer-about-text"> MplusKASSA is de meest gebruiksvriendelijke en flexibele kassasoftware op de Nederlandse markt. U kiest en betaalt de <a href="https://www.mpluskassa.nl/modules">functionaliteiten</a> die u benodigd bent. Hierdoor betaalt u nooit teveel. Doordat MplusKASSA verkocht wordt door gecertificeerde kassa <a href="https://www.mpluskassa.nl/dealers">dealers</a> is er altijd een specialist bij u in de buurt. </p> </div> </div> <div class="footer-column-container footer-main-menu"> <div class="footer-column"> <h2 class="footer-column__title title--h4">Pagina's</h2> <ul class="footer-column__list"> <li class="footer-column__list-item"> <a href="" class="footer-column__list-item-container footer-column__list-link"> <i class="fas fa-chevron-right footer-column__list-icon footer-column__list-icon--arrow"></i> <span class="footer-column__list-item-name"> Home </span> </a> </li> <li class="footer-column__list-item"> <a href="over-ons" class="footer-column__list-item-container footer-column__list-link"> <i class="fas fa-chevron-right footer-column__list-icon footer-column__list-icon--arrow"></i> <span class="footer-column__list-item-name"> Over ons </span> </a> </li> <li class="footer-column__list-item"> <a href="onze-producten" class="footer-column__list-item-container footer-column__list-link"> <i class="fas fa-chevron-right footer-column__list-icon footer-column__list-icon--arrow"></i> <span class="footer-column__list-item-name"> Onze producten </span> </a> </li> <li class="footer-column__list-item"> <a href="branches" class="footer-column__list-item-container footer-column__list-link"> <i class="fas fa-chevron-right footer-column__list-icon footer-column__list-icon--arrow"></i> <span class="footer-column__list-item-name"> Branches </span> </a> </li> <li class="footer-column__list-item"> <a href="kassa-samenstellen" class="footer-column__list-item-container footer-column__list-link"> <i class="fas fa-chevron-right footer-column__list-icon footer-column__list-icon--arrow"></i> <span class="footer-column__list-item-name"> Stel zelf samen </span> </a> </li> <li class="footer-column__list-item"> <a href="https://developers.mpluskassa.nl/introductie" class="footer-column__list-item-container footer-column__list-link"> <i class="fas fa-chevron-right footer-column__list-icon footer-column__list-icon--arrow"></i> <span class="footer-column__list-item-name"> API </span> </a> </li> <li class="footer-column__list-item"> <a href="contact" class="footer-column__list-item-container footer-column__list-link"> <i class="fas fa-chevron-right footer-column__list-icon footer-column__list-icon--arrow"></i> <span class="footer-column__list-item-name"> Contact </span> </a> </li> </ul> </div> </div> <div class="footer-column-container footer-landingpages-menu"> <div class="footer-column"> <h2 class="footer-column__title title--h4">Wij helpen overal</h2> <ul class="footer-column__list"> <li class="footer-column__list-item"> <a href="kassa-leverancier-kassasysteem-en-kassasoftware-omgeving-amsterdam" class="footer-column__list-item-container footer-column__list-link"> <i class="fas fa-chevron-right footer-column__list-icon footer-column__list-icon--arrow"></i> <span class="footer-column__list-item-name"> Amsterdam </span> </a> </li> <li class="footer-column__list-item"> <a href="kassa-leverancier-kassasysteem-en-kassasoftware-omgeving-den-haag" class="footer-column__list-item-container footer-column__list-link"> <i class="fas fa-chevron-right footer-column__list-icon footer-column__list-icon--arrow"></i> <span class="footer-column__list-item-name"> Den Haag </span> </a> </li> <li class="footer-column__list-item"> <a href="kassa-leverancier-kassasysteem-en-kassasoftware-omgeving-groningen" class="footer-column__list-item-container footer-column__list-link"> <i class="fas fa-chevron-right footer-column__list-icon footer-column__list-icon--arrow"></i> <span class="footer-column__list-item-name"> Groningen </span> </a> </li> <li class="footer-column__list-item"> <a href="kassa-leverancier-kassasysteem-en-kassasoftware-omgeving-leeuwarden" class="footer-column__list-item-container footer-column__list-link"> <i class="fas fa-chevron-right footer-column__list-icon footer-column__list-icon--arrow"></i> <span class="footer-column__list-item-name"> Leeuwarden </span> </a> </li> <li class="footer-column__list-item"> <a href="kassa-leverancier-kassasysteem-en-kassasoftware-omgeving-nijmegen" class="footer-column__list-item-container footer-column__list-link"> <i class="fas fa-chevron-right footer-column__list-icon footer-column__list-icon--arrow"></i> <span class="footer-column__list-item-name"> Nijmegen </span> </a> </li> <li class="footer-column__list-item"> <a href="kassa-leverancier-kassasysteem-en-kassasoftware-omgeving-rotterdam" class="footer-column__list-item-container footer-column__list-link"> <i class="fas fa-chevron-right footer-column__list-icon footer-column__list-icon--arrow"></i> <span class="footer-column__list-item-name"> Rotterdam </span> </a> </li> <li class="footer-column__list-item"> <a href="kassa-leverancier-kassasysteem-en-kassasoftware-omgeving-zwolle" class="footer-column__list-item-container footer-column__list-link"> <i class="fas fa-chevron-right footer-column__list-icon footer-column__list-icon--arrow"></i> <span class="footer-column__list-item-name"> Zwolle </span> </a> </li> <li class="footer-column__list-item"> <a href="pages/index/overzicht-wij-helpen-overal-met-kassasoftware" class="footer-column__list-item-container footer-column__list-link"> <i class="fas fa-chevron-right footer-column__list-icon footer-column__list-icon--arrow"></i> <span class="footer-column__list-item-name"> Bekijk het hele overzicht </span> </a> </li> </ul> </div> </div> <div class="footer-column-container footer-service-menu"> <div class="footer-column"> <h2 class="footer-column__title title--h4">Service</h2> <ul class="footer-column__list"> <li class="footer-column__list-item"> <a href="contact" class="footer-column__list-item-container footer-column__list-link"> <i class="fas fa-chevron-right footer-column__list-icon footer-column__list-icon--arrow"></i> <span class="footer-column__list-item-name"> Contact </span> </a> </li> <li class="footer-column__list-item"> <a href="support" class="footer-column__list-item-container footer-column__list-link"> <i class="fas fa-chevron-right footer-column__list-icon footer-column__list-icon--arrow"></i> <span class="footer-column__list-item-name"> Hulp op afstand </span> </a> </li> <li class="footer-column__list-item"> <a href="https://status.mpluskassa.nl" class="footer-column__list-item-container footer-column__list-link"> <i class="fas fa-chevron-right footer-column__list-icon footer-column__list-icon--arrow"></i> <span class="footer-column__list-item-name"> Status services </span> </a> </li> <li class="footer-column__list-item"> <a href="https://dealer.mpluskassa.nl" class="footer-column__list-item-container footer-column__list-link"> <i class="fas fa-chevron-right footer-column__list-icon footer-column__list-icon--arrow"></i> <span class="footer-column__list-item-name"> Dealerportal </span> </a> </li> <li class="footer-column__list-item"> <a href="https://developers.mpluskassa.nl/introductie" class="footer-column__list-item-container footer-column__list-link"> <i class="fas fa-chevron-right footer-column__list-icon footer-column__list-icon--arrow"></i> <span class="footer-column__list-item-name"> Voor developers </span> </a> </li> <li class="footer-column__list-item"> <a href="admin" class="footer-column__list-item-container footer-column__list-link"> <i class="fas fa-chevron-right footer-column__list-icon footer-column__list-icon--arrow"></i> <span class="footer-column__list-item-name"> Inloggen </span> </a> </li> </ul> </div> </div> <div class="footer-column-container newsletter-optin"> <div class="footer-column"> <h2 class="footer-column__title title--h4"> Blijf op de hoogte </h2> <form class="newsletter-optin-form" data-js_submit-ajax-form> <div class="form--before-submit"> <p class="newsletter-optin__text"> Schrijf je in voor de MplusKASSA nieuwsbrief. </p> <div class="fields-container"> <input type="hidden" name="hidden_term" value=""> <input type="hidden" name="hidden_campaign" value=""> <input type="hidden" name="hidden_medium" value=""> <input type="hidden" name="hidden_source" value=""> <div class="field-container"> <input type="email" name="email" id="newsletter-optin-email" class="field field--email" required /> <label for="newsletter-optin-email" class="field-label"> E-mailadres </label> </div> </div> <div class="fields-container"> <div class="field-container"> <select name="interest" id="newsletter-optin-interest" class="field field--select" required> <option value="d75d960261">Horeca</option> <option value="fe2046da7f">Retail</option> <option value="4c905cc6b9">Leisure & Cultuur</option> <option value="5a46de58e8">Snackbar & Sport</option> <option value="b9bc5bdd40">Zorg & Facilitair</option> <option value="0ac38b1235">Bakkerij</option> <option value="8cba603aea" selected>Geen specifieke</option> </select> <label for="newsletter-optin-interest" class="field-label"> Interesse </label> </div> </div> <div class="fields-container"> <div class="field-container"> <button type="submit" class="button newsletter-optin-form__button"> Inschrijven </button> </div> </div> </div> <div class="form--after-submit"> <p> U heeft zich ingeschreven voor de nieuwsbrief. </p> </div> </form> </div> </div> </div> </div> </div> <div class="footer-seo"> <div class="footer-seo-container width-container"> <ul class="footer-seo-menu"> <li class="footer-seo-menu__item"> <a href="https://www.mpluskassa.nl/kassa-apparatuur/pos-systemen" class="footer-seo-menu__link"> POS systemen </a> </li> <li class="footer-seo-menu__item"> <a href="https://www.mpluskassa.nl/kassa-apparatuur/klantendisplays" class="footer-seo-menu__link"> Basis & Grafische Klantendisplays </a> </li> <li class="footer-seo-menu__item"> <a href="https://www.mpluskassa.nl/kassa-apparatuur/lades" class="footer-seo-menu__link"> Kwaliteits Kassalades </a> </li> <li class="footer-seo-menu__item"> <a href="https://www.mpluskassa.nl/kassa-apparatuur/barcodescanners" class="footer-seo-menu__link"> Barcodescanners </a> </li> <li class="footer-seo-menu__item"> <a href="https://www.mpluskassa.nl/kassa-apparatuur/keukenschermen" class="footer-seo-menu__link"> Keukenschermen </a> </li> <li class="footer-seo-menu__item"> <a href="https://www.mpluskassa.nl/kassa-apparatuur/pin" class="footer-seo-menu__link"> Pinautomaten & Pinapparaten </a> </li> <li class="footer-seo-menu__item"> <a href="https://www.mpluskassa.nl/kassa-apparatuur/printers" class="footer-seo-menu__link"> Bonprinters & Labelprinters </a> </li> <li class="footer-seo-menu__item"> <a href="https://www.mpluskassa.nl/kassa-apparatuur/handhelds" class="footer-seo-menu__link"> Handhelds </a> </li> <li class="footer-seo-menu__item"> <a href="https://www.mpluskassa.nl/tablet-kassa" class="footer-seo-menu__link"> Tablet kassa's </a> </li> <li class="footer-seo-menu__item"> <a href="https://www.mpluskassa.nl/touchscreen-kassa" class="footer-seo-menu__link"> Touchscreen kassa's </a> </li> <li class="footer-seo-menu__item"> <a href="https://www.mpluskassa.nl/koppelingen/boekhouding" class="footer-seo-menu__link"> Boekhoudkoppelingen </a> </li> <li class="footer-seo-menu__item"> <a href="https://www.mpluskassa.nl/koppelingen/personeelsplanner" class="footer-seo-menu__link"> Personeelsplanning koppelingen </a> </li> <li class="footer-seo-menu__item"> <a href="https://www.mpluskassa.nl/koppelingen/webshop" class="footer-seo-menu__link"> Webshopkoppelingen </a> </li> <li class="footer-seo-menu__item"> <a href="https://www.mpluskassa.nl/horeca" class="footer-seo-menu__link"> Kassasoftware en Kassasysteem Horeca </a> </li> <li class="footer-seo-menu__item"> <a href="https://www.mpluskassa.nl/retail" class="footer-seo-menu__link"> Kassasoftware en Kassasysteem Retail </a> </li> <li class="footer-seo-menu__item"> <a href="https://www.mpluskassa.nl/fashion" class="footer-seo-menu__link"> Kassasoftware en Kassasysteem Fashion </a> </li> <li class="footer-seo-menu__item"> <a href="https://www.mpluskassa.nl/speciaalzaak" class="footer-seo-menu__link"> Kassasoftware en Kassasysteem Speciaalzaak </a> </li> <li class="footer-seo-menu__item"> <a href="https://www.mpluskassa.nl/zorg-en-facilitair" class="footer-seo-menu__link"> Kassasoftware en Kassasysteem Zorg & Facilitair </a> </li> <li class="footer-seo-menu__item"> <a href="https://www.mpluskassa.nl/snackbar" class="footer-seo-menu__link"> Kassasoftware en Kassasysteem Snackbar </a> </li> <li class="footer-seo-menu__item"> <a href="https://www.mpluskassa.nl/bakkerij" class="footer-seo-menu__link"> Kassasoftware en Kassasysteem Bakkerij </a> </li> <li class="footer-seo-menu__item"> <a href="https://www.mpluskassa.nl/sport" class="footer-seo-menu__link"> Kassasoftware en Kassasysteem Sport </a> </li> </ul> </div> </div> <div class="footer-bottom"> <div class="footer-bottom-container width-container"> <ul class="footer-bottom__part footer-bottom-menu"> <li class="footer-bottom-menu__item"> <a href="https://www.mpluskassa.nl/assets/uploads/files/algemene voorwaarden bolt.pdf" class="footer-bottom-menu__link "> Algemene voorwaarden </a> </li> <li class="footer-bottom-menu__item"> <a href="https://www.mpluskassa.nl/avg" class="footer-bottom-menu__link "> AVG aanvraag </a> </li> <li class="footer-bottom-menu__item"> <a href="https://www.mpluskassa.nl/cookieverklaring" class="footer-bottom-menu__link "> Cookieverklaring </a> </li> </ul> <span class="footer-bottom__part"> <span class="footer-bottom-text"> © MplusKASSA </span> </span> </div> </div> </footer> <div class="dialog-container" data-a11y-dialog="mobilemenu" aria-hidden="true" aria-labelledby="modal-title"> <div class="dialog-overlay" data-a11y-dialog-hide></div> <div class="dialog-content on-left-side" role="document"> <button data-a11y-dialog-hide class="dialog-close"> <svg class="svg-icon" viewBox="0 0 20 20"> <path fill="currentcolor" d="M15.898,4.045c-0.271-0.272-0.713-0.272-0.986,0l-4.71,4.711L5.493,4.045c-0.272-0.272-0.714-0.272-0.986,0s-0.272,0.714,0,0.986l4.709,4.711l-4.71,4.711c-0.272,0.271-0.272,0.713,0,0.986c0.136,0.136,0.314,0.203,0.492,0.203c0.179,0,0.357-0.067,0.493-0.203l4.711-4.711l4.71,4.711c0.137,0.136,0.314,0.203,0.494,0.203c0.178,0,0.355-0.067,0.492-0.203c0.273-0.273,0.273-0.715,0-0.986l-4.711-4.711l4.711-4.711C16.172,4.759,16.172,4.317,15.898,4.045z"></path> </svg> </button> <div class="dialog-fragment"> <div class="mobile-header-cta-buttons"> <a href="javascript:void(0)" class="button" data-a11y-dialog-show="demo">Gratis demo</a> <a href="tel:+31582157000" class="button button--tel-after">Bel</a> </div> <div class="mobile-header-items"> <div class="mobile-header-item"> <a href="">Home</a> </div> <div class="mobile-header-item"> <a href="over-ons">Over ons</a> <div class="mobile-header-sub-items"> <div class="mobile-header-sub-item"> <a href="nieuws">Nieuws</a> </div> <div class="mobile-header-sub-item"> <a href="referenties">Referenties</a> </div> <div class="mobile-header-sub-item"> <a href="vacatures">Vacatures</a> </div> <div class="mobile-header-sub-item"> <a href="dealers">Onze resellers</a> </div> </div> </div> <div class="mobile-header-item"> <a href="onze-producten">Onze producten</a> <div class="mobile-header-sub-items"> <div class="mobile-header-sub-title">Verkoop</div> <div class="mobile-header-sub-item"> <a href="kassasysteem">Kassa</a> </div> <div class="mobile-header-sub-item"> <a href="kiosk">Kiosk</a> </div> <div class="mobile-header-sub-item"> <a href="qr">QR Bestel App</a> </div> <div class="mobile-header-sub-item"> <a href="handheld">Handheld</a> </div> <div class="mobile-header-sub-item"> <a href="webshops">Bestelwebsite</a> </div> <div class="mobile-header-sub-title">Beheer</div> <div class="mobile-header-sub-item"> <a href="backoffice">Backoffice</a> </div> <div class="mobile-header-sub-item"> <a href="voorraad">Voorraad</a> </div> <div class="mobile-header-sub-item"> <a href="keukenmanagement">Keukenmanagement</a> </div> <div class="mobile-header-sub-item"> <a href="pay">Pay</a> </div> <div class="mobile-header-sub-title">Loyalty</div> <div class="mobile-header-sub-item"> <a href="guest-app">Guest app</a> </div> <div class="mobile-header-sub-item"> <a href="klantenkaart">Klantenkaart</a> </div> <div class="mobile-header-sub-item"> <a href="tegoedkaart">Tegoedkaart</a> </div> </div> </div> <div class="mobile-header-item"> <a href="branches">Branches</a> <div class="mobile-header-sub-items"> <div class="mobile-header-sub-item"> <a href="horeca">Horeca</a> </div> <div class="mobile-header-sub-item"> <a href="cultuur">Poppodium & Cultuur</a> </div> <div class="mobile-header-sub-item"> <a href="snackbar">Snackbar</a> </div> <div class="mobile-header-sub-item"> <a href="sport">Sport</a> </div> <div class="mobile-header-sub-item"> <a href="tuincentrum-en-bouwmarkt">Tuincentrum & Bouwmarkt</a> </div> <div class="mobile-header-sub-item"> <a href="retail">Retail</a> </div> <div class="mobile-header-sub-item"> <a href="speciaalzaak">Speciaalzaak</a> </div> <div class="mobile-header-sub-item"> <a href="fashion">Fashion</a> </div> <div class="mobile-header-sub-item"> <a href="zorg-en-facilitair">Zorg & Facilitair</a> </div> <div class="mobile-header-sub-item"> <a href="bakkerij">Bakkerij</a> </div> </div> </div> <div class="mobile-header-item"> <a href="kassa-samenstellen">Stel zelf samen</a> <div class="mobile-header-sub-items"> <div class="mobile-header-sub-title">Producten</div> <div class="mobile-header-sub-item"> <a href="kassa-samenstellen#2808">Verkoop</a> </div> <div class="mobile-header-sub-item"> <a href="kassa-samenstellen#2840">Beheer</a> </div> <div class="mobile-header-sub-item"> <a href="kassa-samenstellen#2847">Loyalty</a> </div> <div class="mobile-header-sub-title">Koppelingen</div> <div class="mobile-header-sub-item"> <a href="kassa-samenstellen#2848">Koppelingen</a> </div> </div> </div> <div class="mobile-header-item"> <a href="https://developers.mpluskassa.nl/introductie">API</a> </div> <div class="mobile-header-item"> <a href="contact">Contact</a> </div> </div> </div> </div> </div> <div class="dialog-container" data-a11y-dialog="demo" aria-hidden="true" aria-labelledby="modal-title"> <div class="dialog-overlay" data-a11y-dialog-hide></div> <div class="dialog-content on-right-side" role="document"> <button data-a11y-dialog-hide class="dialog-close"> <svg class="svg-icon" viewBox="0 0 20 20"> <path fill="currentcolor" d="M15.898,4.045c-0.271-0.272-0.713-0.272-0.986,0l-4.71,4.711L5.493,4.045c-0.272-0.272-0.714-0.272-0.986,0s-0.272,0.714,0,0.986l4.709,4.711l-4.71,4.711c-0.272,0.271-0.272,0.713,0,0.986c0.136,0.136,0.314,0.203,0.492,0.203c0.179,0,0.357-0.067,0.493-0.203l4.711-4.711l4.71,4.711c0.137,0.136,0.314,0.203,0.494,0.203c0.178,0,0.355-0.067,0.492-0.203c0.273-0.273,0.273-0.715,0-0.986l-4.711-4.711l4.711-4.711C16.172,4.759,16.172,4.317,15.898,4.045z"></path> </svg> </button> <div class="dialog-fragment"> <h2 id="request-demo-dialog-title" class="dialog-title title title--h1">Vraag een demo aan</h2> <form class="request-trial-form" data-js_submit-ajax-form> <div class="form--before-submit"> <p class="request-trial-form__intro">Benieuwd wat we voor jou kunnen betekenen? Vraag dan nu jouw persoonlijke (online) demo aan. Zo kun je vrijblijvend meer informatie krijgen over onze producten, en MplusKASSA 30 dagen gratis proberen.</p> <p class="request-trial-form__intro">We nemen snel contact met je op om een demo in te plannen wanneer het jou uitkomt. Vaak al binnen 24 uur.</p> <div class="fields-container"> <input type="hidden" name="hidden_term" value=""> <input type="hidden" name="hidden_campaign" value=""> <input type="hidden" name="hidden_medium" value=""> <input type="hidden" name="hidden_source" value=""> <div class="field-container"> <input type="text" name="naam" id="demo-naam" class="field field--text" required /> <label for="demo-naam" class="field-label"> Uw naam </label> </div> <div class="field-container"> <input type="text" name="bedrijfsnaam" id="demo-bedrijfsnaam" class="field field--text" required /> <label for="demo-bedrijfsnaam" class="field-label"> Bedrijfsnaam </label> </div> <div class="field-container"> <input type="tel" name="telefoon" id="demo-telefoon" class="field field--tel" required /> <label for="demo-telefoon" class="field-label"> Telefoonnummer </label> </div> <div class="field-container"> <input type="email" name="email" id="demo-email" class="field field--email" required /> <label for="demo-email" class="field-label"> E-mailadres </label> </div> <input type="hidden" name="demo" value="1"> <input type="hidden" name="demo_id" value="12"> <div class="field-container"> <button type="submit" class="dialog-button button request-trial-form__button"> Demo aanvragen </button> </div> </div> </div> <div class="form--after-submit wysiwyg-container"> <p>Het is gelukt! Wij hebben jouw aanvraag voor een demo goed ontvangen. We nemen snel contact met je op om een demo in te plannen wanneer het jou uitkomt. Vaak al binnen 24 uur.</p> </div> </form> </div> </div> </div> <div class="dialog-container" id="modal-hardware" aria-hidden="true" aria-labelledby="modal-title"> <div class="dialog-overlay" data-a11y-dialog-hide></div> <div class="dialog-content on-right-side" role="document"> <button data-a11y-dialog-hide class="dialog-close"> <svg class="svg-icon" viewBox="0 0 20 20"> <path fill="currentcolor" d="M15.898,4.045c-0.271-0.272-0.713-0.272-0.986,0l-4.71,4.711L5.493,4.045c-0.272-0.272-0.714-0.272-0.986,0s-0.272,0.714,0,0.986l4.709,4.711l-4.71,4.711c-0.272,0.271-0.272,0.713,0,0.986c0.136,0.136,0.314,0.203,0.492,0.203c0.179,0,0.357-0.067,0.493-0.203l4.711-4.711l4.71,4.711c0.137,0.136,0.314,0.203,0.494,0.203c0.178,0,0.355-0.067,0.492-0.203c0.273-0.273,0.273-0.715,0-0.986l-4.711-4.711l4.711-4.711C16.172,4.759,16.172,4.317,15.898,4.045z"></path> </svg> </button> <div class="dialog-fragment"> <div id="hardware-modal-html"></div> </div> </div> </div> <script> if (typeof a11yModalIds === 'undefined') { var a11yModalIds = {}; } a11yModalIds['hardwareModal'] = '#modal-hardware'; </script> <div class="dialog-container" id="modal-module" aria-hidden="true" aria-labelledby="modal-title"> <div class="dialog-overlay" data-a11y-dialog-hide></div> <div class="dialog-content on-right-side" role="document"> <button data-a11y-dialog-hide class="dialog-close"> <svg class="svg-icon" viewBox="0 0 20 20"> <path fill="currentcolor" d="M15.898,4.045c-0.271-0.272-0.713-0.272-0.986,0l-4.71,4.711L5.493,4.045c-0.272-0.272-0.714-0.272-0.986,0s-0.272,0.714,0,0.986l4.709,4.711l-4.71,4.711c-0.272,0.271-0.272,0.713,0,0.986c0.136,0.136,0.314,0.203,0.492,0.203c0.179,0,0.357-0.067,0.493-0.203l4.711-4.711l4.71,4.711c0.137,0.136,0.314,0.203,0.494,0.203c0.178,0,0.355-0.067,0.492-0.203c0.273-0.273,0.273-0.715,0-0.986l-4.711-4.711l4.711-4.711C16.172,4.759,16.172,4.317,15.898,4.045z"></path> </svg> </button> <div class="dialog-fragment"> <div id="module-modal-html"></div> </div> </div> </div> <script> if (typeof a11yModalIds === 'undefined') { var a11yModalIds = {}; } a11yModalIds['moduleModal'] = '#modal-module'; </script> <div class="dialog-container" id="modal-plugin" aria-hidden="true" aria-labelledby="modal-title"> <div class="dialog-overlay" data-a11y-dialog-hide></div> <div class="dialog-content on-right-side" role="document"> <button data-a11y-dialog-hide class="dialog-close"> <svg class="svg-icon" viewBox="0 0 20 20"> <path fill="currentcolor" d="M15.898,4.045c-0.271-0.272-0.713-0.272-0.986,0l-4.71,4.711L5.493,4.045c-0.272-0.272-0.714-0.272-0.986,0s-0.272,0.714,0,0.986l4.709,4.711l-4.71,4.711c-0.272,0.271-0.272,0.713,0,0.986c0.136,0.136,0.314,0.203,0.492,0.203c0.179,0,0.357-0.067,0.493-0.203l4.711-4.711l4.71,4.711c0.137,0.136,0.314,0.203,0.494,0.203c0.178,0,0.355-0.067,0.492-0.203c0.273-0.273,0.273-0.715,0-0.986l-4.711-4.711l4.711-4.711C16.172,4.759,16.172,4.317,15.898,4.045z"></path> </svg> </button> <div class="dialog-fragment"> <div id="plugin-modal-html"></div> </div> </div> </div> <script> if (typeof a11yModalIds === 'undefined') { var a11yModalIds = {}; } a11yModalIds['pluginModal'] = '#modal-plugin'; </script> <div class="dialog-container" id="modal-cart" aria-hidden="true" aria-labelledby="modal-title"> <div class="dialog-overlay" data-a11y-dialog-hide></div> <div class="dialog-content on-right-side" role="document"> <button data-a11y-dialog-hide class="dialog-close"> <svg class="svg-icon" viewBox="0 0 20 20"> <path fill="currentcolor" d="M15.898,4.045c-0.271-0.272-0.713-0.272-0.986,0l-4.71,4.711L5.493,4.045c-0.272-0.272-0.714-0.272-0.986,0s-0.272,0.714,0,0.986l4.709,4.711l-4.71,4.711c-0.272,0.271-0.272,0.713,0,0.986c0.136,0.136,0.314,0.203,0.492,0.203c0.179,0,0.357-0.067,0.493-0.203l4.711-4.711l4.71,4.711c0.137,0.136,0.314,0.203,0.494,0.203c0.178,0,0.355-0.067,0.492-0.203c0.273-0.273,0.273-0.715,0-0.986l-4.711-4.711l4.711-4.711C16.172,4.759,16.172,4.317,15.898,4.045z"></path> </svg> </button> <div class="dialog-fragment"> <div class="cart" x-data="cart" x-init="$watch('items', cartUpdated)"> <div class="cart-header"> <div class="cart-header-title">Offerte</div> <div class="cart-header-text"> <strong>Heb je hulp nodig of heb je vragen over je offerte?</strong> Je aanvraag is altijd vrijblijvend. Onze adviseur neemt contact met je op. </div> </div> <div class="cart-content"> <template x-for="source_type in ['hardware','module','plugin']"> <template x-for="index in items.length"> <template x-if="source_type === items[index-1].source.type"> <div class="cart-item" x-show="getCartItemAmount(index-1) > 0" x-transition> <img :src="getCartItemImage(index-1)"> <div class="cart-item-title" x-text="getCartItemTitle(index-1)"></div> <div class="cart-item-amount-control"> <a href="javascript:void()" @click="decreaseCartItem(index-1)"> <template x-if="getCartItemAmount(index-1) == 1"> <span><div class="icon-fragment"> <span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="150px" height="150px"><path d="M 21 0 C 19.355469 0 18 1.355469 18 3 L 18 5 L 10.1875 5 C 10.0625 4.976563 9.9375 4.976563 9.8125 5 L 8 5 C 7.96875 5 7.9375 5 7.90625 5 C 7.355469 5.027344 6.925781 5.496094 6.953125 6.046875 C 6.980469 6.597656 7.449219 7.027344 8 7 L 9.09375 7 L 12.6875 47.5 C 12.8125 48.898438 14.003906 50 15.40625 50 L 34.59375 50 C 35.996094 50 37.1875 48.898438 37.3125 47.5 L 40.90625 7 L 42 7 C 42.359375 7.003906 42.695313 6.816406 42.878906 6.503906 C 43.058594 6.191406 43.058594 5.808594 42.878906 5.496094 C 42.695313 5.183594 42.359375 4.996094 42 5 L 32 5 L 32 3 C 32 1.355469 30.644531 0 29 0 Z M 21 2 L 29 2 C 29.5625 2 30 2.4375 30 3 L 30 5 L 20 5 L 20 3 C 20 2.4375 20.4375 2 21 2 Z M 11.09375 7 L 38.90625 7 L 35.3125 47.34375 C 35.28125 47.691406 34.910156 48 34.59375 48 L 15.40625 48 C 15.089844 48 14.71875 47.691406 14.6875 47.34375 Z M 18.90625 9.96875 C 18.863281 9.976563 18.820313 9.988281 18.78125 10 C 18.316406 10.105469 17.988281 10.523438 18 11 L 18 44 C 17.996094 44.359375 18.183594 44.695313 18.496094 44.878906 C 18.808594 45.058594 19.191406 45.058594 19.503906 44.878906 C 19.816406 44.695313 20.003906 44.359375 20 44 L 20 11 C 20.011719 10.710938 19.894531 10.433594 19.6875 10.238281 C 19.476563 10.039063 19.191406 9.941406 18.90625 9.96875 Z M 24.90625 9.96875 C 24.863281 9.976563 24.820313 9.988281 24.78125 10 C 24.316406 10.105469 23.988281 10.523438 24 11 L 24 44 C 23.996094 44.359375 24.183594 44.695313 24.496094 44.878906 C 24.808594 45.058594 25.191406 45.058594 25.503906 44.878906 C 25.816406 44.695313 26.003906 44.359375 26 44 L 26 11 C 26.011719 10.710938 25.894531 10.433594 25.6875 10.238281 C 25.476563 10.039063 25.191406 9.941406 24.90625 9.96875 Z M 30.90625 9.96875 C 30.863281 9.976563 30.820313 9.988281 30.78125 10 C 30.316406 10.105469 29.988281 10.523438 30 11 L 30 44 C 29.996094 44.359375 30.183594 44.695313 30.496094 44.878906 C 30.808594 45.058594 31.191406 45.058594 31.503906 44.878906 C 31.816406 44.695313 32.003906 44.359375 32 44 L 32 11 C 32.011719 10.710938 31.894531 10.433594 31.6875 10.238281 C 31.476563 10.039063 31.191406 9.941406 30.90625 9.96875 Z"/></svg></span> </div></span> </template> <template x-if="getCartItemAmount(index-1) > 1"> <span><div class="icon-fragment"> <span><?xml version="1.0" encoding="utf-8"?>  <svg version="1.1" id="Laag_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 150 150" style="enable-background:new 0 0 150 150;" xml:space="preserve"> <polygon points="81,71 72.5,71 20.6,71 20.6,79.3 72.5,79.3 81,79.3 133.2,79.3 133.2,71 "/> </svg> </span> </div></span> </template> </a> <div class="cart-item-amount" x-text="getCartItemAmount(index-1)"></div> <a href="javascript:void()" @click="increaseCartItem(index-1)"> <span><div class="icon-fragment"> <span><?xml version="1.0" encoding="utf-8"?>  <svg version="1.1" id="Laag_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 112.6 116.5" style="enable-background:new 0 0 112.6 116.5;" xml:space="preserve"> <path d="M52.8,105.4h6.9V61.7h42.2V55H59.6V11.1h-6.9V55h-42v6.7h42V105.4z"/> </svg> </span> </div></span> </a> </div> </div> </template> </template> </template> </div> <div class="cart-footer" x-show="requestFormSubmitted && !requestFormSending"> <a href="javascript:void(0)" class="button submit-button" @click="requestFormSubmitted=false;requestFormOpened=true">Nogmaals offerte aanvragen</a> </div> <div class="cart-footer" x-show="!requestFormOpened && !requestFormSubmitted && !requestFormSending"> <a href="javascript:void(0)" class="button submit-button" @click="requestFormOpened=true" x-show="!isEmpty">Vraag offerte aan</a> </div> <div class="cart-footer" x-show="requestFormOpened && (!requestFormSubmitted || requestFormSending)"> <form method="post" action="https://www.mpluskassa.nl/quotation/send" class="cart-footer-form" @submit="pushToDataLayer;requestFormSending=true;requestFormSubmitted=true"> <input type="hidden" name="cart-form-items" id="cart-form-items" :value="requestFormItems"> <input type="hidden" name="hidden_term" value=""> <input type="hidden" name="hidden_campaign" value=""> <input type="hidden" name="hidden_medium" value=""> <input type="hidden" name="hidden_source" value=""> <div class="fields-container"> <div class="field-container"> <input type="text" name="cart-form-contact" id="cart-form-contact" class="field field--text" required x-model="requestFormContact"> <label for="cart-form-contact" class="field-label">Uw naam</label> </div> <div class="field-container"> <input type="text" name="cart-form-name" id="cart-form-name" class="field field--text" required x-model="requestFormName"> <label for="cart-form-name" class="field-label">Bedrijfsnaam</label> </div> <div class="field-container"> <input type="tel" name="cart-form-phone" id="cart-form-phone" class="field field--tel" required x-model="requestFormPhone"> <label for="cart-form-phone" class="field-label">Telefoonnummer</label> </div> <div class="field-container"> <input type="email" name="cart-form-email" id="cart-form-email" class="field field--email" required x-model="requestFormEmail"> <label for="cart-form-email" class="field-label">E-mailadres</label> </div> <div class="field-container"> <button type="submit" class="dialog-button button request-trial-form__button" x-bind:disabled="requestFormSending">Aanvraag verzenden</button> </div> </div> </form> </div> </div> </div> </div> </div> <script> if (typeof a11yModalIds === 'undefined') { var a11yModalIds = {}; } a11yModalIds['cartModal'] = '#modal-cart'; </script> <a href="javascript:void(0)" class="button cart-button" x-data="cart" @click="openCart" :class="''"> <div class="icon-fragment"> <span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path d="M 5 7 C 4.449219 7 4 7.449219 4 8 C 4 8.550781 4.449219 9 5 9 L 7.21875 9 L 9.84375 19.5 C 10.066406 20.390625 10.863281 21 11.78125 21 L 23.25 21 C 24.152344 21 24.917969 20.402344 25.15625 19.53125 L 27.75 10 L 11 10 L 11.5 12 L 25.15625 12 L 23.25 19 L 11.78125 19 L 9.15625 8.5 C 8.933594 7.609375 8.136719 7 7.21875 7 Z M 22 21 C 20.355469 21 19 22.355469 19 24 C 19 25.644531 20.355469 27 22 27 C 23.644531 27 25 25.644531 25 24 C 25 22.355469 23.644531 21 22 21 Z M 13 21 C 11.355469 21 10 22.355469 10 24 C 10 25.644531 11.355469 27 13 27 C 14.644531 27 16 25.644531 16 24 C 16 22.355469 14.644531 21 13 21 Z M 13 23 C 13.5625 23 14 23.4375 14 24 C 14 24.5625 13.5625 25 13 25 C 12.4375 25 12 24.5625 12 24 C 12 23.4375 12.4375 23 13 23 Z M 22 23 C 22.5625 23 23 23.4375 23 24 C 23 24.5625 22.5625 25 22 25 C 21.4375 25 21 24.5625 21 24 C 21 23.4375 21.4375 23 22 23 Z"/></svg></span> <span x-text="getCartButtonText">Stel zelf je ideale kassa samen</span></div></a> <script> const base_url = 'https://www.mpluskassa.nl/'; const default_language = 'nl'; const selected_language = 'nl'; const str_niets_geselecteerd = 'Niets geselecteerd'; const str_n_geselecteerd = ' geselecteerd'; const str_alles_geselecteerd = 'Alles geselecteerd'; const str_alles_selecteren = ''; const str_verplicht = 'Verplicht'; const str_ongeldig_nummer = 'Ongeldig nummer'; const str_ongeldig_adres = 'Ongeldig adres'; const str_uw_gegevens_ontvangen = 'Uw gegevens zijn ontvangen'; const str_er_is_iets_fout_gegaan = 'Er is iets fout gegaan'; const str_signup_complete = '✔ Inschrijving gelukt'; const str_signup_failed = '✘ Inschrijving mislukt'; const str_patience_please = 'Moment geduld…'; const str_verder_naar_stap = 'Verder naar stap'; const str_terug_naar_stap = 'Terug naar stap'; const str_terug_naar_overzicht = 'Terug naar overzicht'; const str_terug_naar_overzicht_with_break = 'Terug naar<br>overzicht'; const str_stap = 'Stap'; const str_offerte_aanvragen = 'Offerte aanvragen'; const str_bezig = 'Bezig...'; const str_nog_geen = 'Nog geen '; const str_gekozen = ' gekozen'; const str_toegevoegd_aan_offerte = 'Toegevoegd aan offerte'; const str_verwijderd_uit_offerte = 'Verwijderd uit offerte'; const str_aantal_aangepast_naar = 'Aantal aangepast naar '; const str_stel_zelf_je_ideale_kassa_samen = 'Stel zelf je ideale kassa samen'; const str_je_hebt_x_items_in_je_offerte = 'Je hebt :count items in je offerte'; </script> <script src="js/global-state.js"></script> <script src="js/jquery/3.7.1/jquery.min.js"></script> <script defer src="js/template/header.js"></script> <script defer src="js/axios/1.5.1/axios.min.js"></script> <script defer src="js/alpinejs/3.13.2/persist.min.js"></script> <script defer src="js/alpinejs/3.13.2/collapse.min.js"></script> <script defer src="js/alpinejs/3.13.2/alpinejs.min.js"></script> <script defer src="js/State/States.js"></script> <script defer src="js/State/State.js"></script> <script defer src="js/global.js"></script> <script src="js/layout.js"></script> <script> layout.website = 'MplusKASSA'; </script> <script id="a11yscript" defer src="js/a11y-dialog/a11y-dialog.min.js"></script> <script defer src="js/bodyScrollLock/bodyScrollLock.min.js"></script> <script src="js/a11y-dialog/modals.js"></script> <script src="js/flickity/flickity.pkgd.min.js"></script> <script src="js/flickity/flickity-init.js"></script> <script defer src="js/autofollow-menu/autofollow-menu.js"></script> <script src="page-items/configurator/shared/configurator.shared.no-defer.js"></script> <script src="page-items/configurator/front/configurator.front.no-defer.js"></script></body> </html>

CINXE.COM

Succesvol zelfbediening in de horeca | QR app integratie