PageSourceSearch

https://oktopos.com/en/self-order-systems/mobile-ordering/shop

html oktopos.com collected 2026-10-04 17:31:46 UTC 402,100 bytes, 18 lines download raw bytes

1<!DOCTYPE html><html lang="en" dir="ltr" data-beasties-container><head>
2    <meta charset="utf-8">
3    <title>Online and web shop POS system for retail and delivery service</title>
4    <meta name="description" content="POS system with fully integrated online shop and web shop that offers maximum functionality without the need for interfaces to external systems and without manual data transfer.">
5    <base href="/en/">
6    <meta name="viewport" content="width=device-width, initial-scale=1">
7    <link rel="icon" type="image/x-icon" href="favicon.ico">
8    <meta name="theme-color" content="#fff">
9    <meta name="google-site-verification" content="HVraZjsEpd4UjSyKqXko1rrYh_rhk8nKfN_MhJS79uM">
10  <style>html{--mat-sys-on-surface:initial}@font-face{font-family:OktoPOSBook-Regular;font-display:swap;src:url(OktoPOSneueBook-Regular.30aa6e1dce299269.woff) format("woff"),url(OktoPOSneueBook-Regular.7294a58c6fb9fde1.woff2) format("woff2")}*{margin:0;padding:0;border:none}html{height:100%;overflow-y:scroll;-webkit-tap-highlight-color:transparent}body{font-family:OktoPOSBook-Regular,Verdana,sans-serif;font-size:18px;scroll-behavior:smooth}@media only screen and (min-width:768px)and (max-width:1023px){body{font-size:20px}}@media only screen and (min-width:1024px){body{font-size:24px}}img{height:auto;border-radius:15px;display:block}:root{--black:#000;--white:#fff;--light-grey:#ececec;--grey:#d3d3d3;--dark-grey:#646464;--darker-grey:#303538;--cash-register-bg:#282828;--light-blue:#41c4fc;--okto-blue:#009de0;--dark-blue:#000c6a;--darker-blue:#00142a;--yellow:#ffcf00;--light-red:#ffe4e4;--warning:#a94442}*:disabled{background-color:#006d93;cursor:not-allowed}.loaderWrapper{width:100%;height:100vh;display:grid;justify-content:center;align-items:center}.loaderWrapper img{width:100px;height:100px}</style><style>html{--mat-sys-on-surface: initial}@font-face{font-family:OktoPOSBook-Light;font-display:swap;src:url(OktoPOSneueBook-Light.e299d88245b10814.woff) format("woff"),url(OktoPOSneueBook-Light.353630d738b7d73d.woff2) format("woff2")}@font-face{font-family:OktoPOSBook-Regular;font-display:swap;src:url(OktoPOSneueBook-Regular.30aa6e1dce299269.woff) format("woff"),url(OktoPOSneueBook-Regular.7294a58c6fb9fde1.woff2) format("woff2")}@font-face{font-family:OktoPOSBook-Bold;font-display:swap;src:url(OktoPOSneueBook-Bold.2acb91eb3500854d.woff) format("woff"),url(OktoPOSneueBook-Bold.bf1c024a4bc276bf.woff2) format("woff2")}@font-face{font-family:OktoposIcon-Regular;font-display:swap;src:url(OktoposIcon-Regular.70f1248c9279fe17.woff) format("woff"),url(OktoposIcon-Regular.8b9051ef8bba73a4.woff2) format("woff2")}@font-face{font-family:OktoPOSCash-Regular;font-display:swap;src:url(OktoPOSCash-Regular.221f30d963a6f498.woff) format("woff"),url(OktoPOSCash-Regular.77d12615c5595615.woff2) format("woff2")}span[data-icon=chevron-down]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e001"}span[data-icon=chevron-up]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e002"}span[data-icon=chevron-right]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e003"}span[data-icon=divisions]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e006"}span[data-icon=functions]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e007"}span[data-icon=cloud]:after,span[data-icon=support]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e011"}span[data-icon=cash-register]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e012"}span[data-icon=hardware-overview]:after,span[data-icon=technology]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e013"}span[data-icon=customer-card]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e014"}span[data-icon=kitchen-monitors]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e015"}span[data-icon=label-printer]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e016"}span[data-icon=order-tab]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e017"}span[data-icon=time-and-attendance]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e018"}span[data-icon=feedback]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e021"}span[data-icon=reservation-system]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e023"}span[data-icon=human-resources]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e024"}span[data-icon=inventory-management]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e026"}span[data-icon=nutrition]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e027"}span[data-icon=allergens]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e028"}span[data-icon=reports]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e029"}span[data-icon=controlling]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e030"}span[data-icon=content-management-website]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e031"}span[data-icon=franchises]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e032"}span[data-icon=license]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e033"}span[data-icon=oktopos-logo]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e034"}span[data-icon=contact]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e035"}span[data-icon=emenu]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e036"}span[data-icon=material-management]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e038"}span[data-icon=management]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e039"}span[data-icon=guest-card]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e042"}span[data-icon=checklist]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e046"}span[data-icon=recruiting]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e047"}span[data-icon=pager]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e048"}span[data-icon=international]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e050"}
10span[data-icon=compliance]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e053"}span[data-icon=company]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e056"}span[data-icon=offices]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e057"}span[data-icon=production-control]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e058"}span[data-icon=room-service]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e060"}span[data-icon=hotels]:after,span[data-icon=hotel-lobbies]:after,span[data-icon=lobby]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e062"}span[data-icon=benefits-management]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e067"}span[data-icon=scale]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e080"}span[data-icon=locations]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e081"}span[data-icon=restaurants]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e082"}span[data-icon=self-checkout]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e085"}span[data-icon=payment-methods]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e099"}span[data-icon=procurement]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e104"}span[data-icon=gift-voucher]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e105"}span[data-icon=food-trucks]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e126"}span[data-icon=self-order]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e128"}span[data-icon=tax-consult]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e131"}span[data-icon=mobile-ordering]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e133"}span[data-icon=take-away-app]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e134"}span[data-icon=byod]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e135"}span[data-icon=interfaces]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e139"}span[data-icon=order-pay-tab]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e140"}span[data-icon=self-order-payment]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e144"}span[data-icon=accounting-export]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e147"}span[data-icon=deliveryshop]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e148"}span[data-icon=webshop]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e149"}span[data-icon=digital-menu]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e150"}span[data-icon=pool]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e151"}span[data-icon=virtual-cash-register]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e152"}span[data-icon=discount]:after{font-family:OktoPOSCash-Regular,sans-serif;content:"\e001"}span[data-icon=sidedishes]:after{font-family:OktoPOSCash-Regular,sans-serif;content:"\e014"}span[data-icon=update]:after{font-family:OktoPOSCash-Regular,sans-serif;content:"\e015"}span[data-icon=distributionchannels]:after{font-family:OktoPOSCash-Regular,sans-serif;content:"\e019"}span[data-icon=cashiertip]:after{font-family:OktoPOSCash-Regular,sans-serif;content:"\e025"}span[data-icon=customerselect]:after{font-family:OktoPOSCash-Regular,sans-serif;content:"\e030"}span[data-icon=hide-articles]:after{font-family:OktoPOSCash-Regular,sans-serif;content:"\e043"}span[data-icon=sideorders]:after{font-family:OktoPOSCash-Regular,sans-serif;content:"\e044"}span[data-icon=boxinfo]:after{font-family:OktoPOSCash-Regular,sans-serif;content:"\e046"}span[data-icon=printouts]:after{font-family:OktoPOSCash-Regular,sans-serif;content:"\e052"}span[data-icon=checkmark]:after{font-family:OktoPOSCash-Regular,sans-serif;content:"\e071"}span[data-icon=add-article]:after{font-family:OktoPOSCash-Regular,sans-serif;content:"\e075"}span[data-icon=customerdisplay]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e079"}span[data-icon=info-icon]:after{font-family:OktoPOSCash-Regular,sans-serif;content:"\e110"}span[data-icon=papercoin]:after{font-family:OktoPOSCash-Regular,sans-serif;content:"\e146"}span[data-icon=cash-book]:after{font-family:OktoPOSCash-Regular,sans-serif;content:"\e156"}span[data-icon=cashingup]:after{font-family:OktoPOSCash-Regular,sans-serif;content:"\e162"}span[data-icon=scanner]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e092"}span[data-icon=shopping-cart]:after{font-family:OktoposIcon-Regular,sans-serif;content:"\e037"}span[data-icon=softice]:after{font-family:OktoPOSCash-Regular,sans-serif;content:"\e258"}span[data-icon=icecream-cone]:after{font-family:OktoPOSCash-Regular,sans-serif;content:"\e259"}span[data-icon=apples]:after{font-family:OktoPOSCash-Regular,sans-serif;content:"\e272"}span[data-icon=article-photos]:after{font-family:OktoPOSCash-Regular,sans-serif;content:"\e282"}span[data-icon=wineglass]:after{font-family:OktoPOSCash-Regular,sans-serif;content:"\e298"}span[data-icon=one-coin]:after{font-family:OktoPOSCash-Regular,sans-serif;content:"\e410"}*{margin:0;padding:0;border:none}html{height:100%;overflow-y:scroll;-webkit-tap-highlight-color:transparent}body{font-family:OktoPOSBook-Regular,Verdana,sans-serif;font-size:18px;scroll-behavior:smooth}@media only screen and (min-width:768px)and (max-width:1023px){body{font-size:20px}}@media only screen and (min-width:1024px){body{font-size:24px}}h1,h2,h3,h4,h5{font-family:OktoPOSBook-Bold,Verdana,sans-serif;color:var(--okto-blue);font-weight:400;font-size:30px}@media only screen and (min-width:480px){h1,h2,h3,h4,h5{font-size:36px}}@media only screen and (min-width:768px){h1,h2,h3,h4,h5{font-size:40px}}@media only screen and (min-width:960px){h1,h2,h3,h4,h5{font-size:44px}}@media only screen and (min-width:1280px){h1,h2,h3,h4,h5{font-size:50px}}.headline-sub{font-family:OktoPOSBook-Light,Verdana,sans-serif;font-size:30px}@media only screen and (min-width:480px){.headline-sub{font-size:36px}}@media only screen and (min-width:768px){.headline-sub{font-size:40px}}@media only screen and (min-width:960px){.headline-sub{font-size:44px}}@media only screen and (min-width:1280px){.headline-sub{font-size:50px}}p{margin-bottom:15px}.pointer{cursor:pointer}.text-blue{color:#009de0}.highlight-feature{color:var(--okto-blue);font-size:30px;font-family:OktoPOSBook-Bold,Verdana,sans-serif;margin-bottom:40px}@media only screen and (min-width:480px){.highlight-feature{font-size:35px}}.size-120{font-size:120px}b{font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-weight:400}.text-center{text-align:center}.text-right{text-align:right}.element-center{margin:0 auto}.inline-elements>*{margin:0 12px 0 0;display:inline-block;vertical-align:middle}.absolute{position:absolute}.absolute-right{right:0}.relative{position:relative}a{outline:none;color:var(--okto-blue)}a:visited,a:active{color:var(--okto-blue)}a:hover{color:var(--dark-grey)}img{height:auto;border-radius:15px;
10display:block}video{display:block;border-radius:15px}@media only screen and (min-width:768px)and (max-width:1023px){img.w100,img.w80,img.w60,video.w100,video.w80{max-width:560px;margin-left:auto;margin-right:auto}}.play-button{border-radius:75px;height:100px;padding:0;width:100px;top:50%;transform:translateY(-50%);right:0;left:0;margin-inline:auto;box-shadow:0 0 25px #555;border:1px solid #fff}.play-button .arrow-right{width:0;height:0;border-top:30px solid transparent;border-bottom:30px solid transparent;border-left:50px solid #fff;margin:0 auto}main{position:relative;background-color:var(--white)}.hidden-overflow{overflow:hidden}.content-wrap{width:auto;margin:0 auto}@media only screen and (min-width:1380px){.content-wrap{width:1280px}}.to-top{padding:15px;color:var(--white);background-color:var(--okto-blue);border:1px solid var(--white);position:fixed;z-index:9999999;right:25px;bottom:25px;font-size:24px;line-height:1px;opacity:0}.btt-reveal{position:relative}:root{--black: #000;--white: #fff;--light-grey: #ececec;--grey: #d3d3d3;--dark-grey: #646464;--darker-grey: #303538;--cash-register-bg: #282828;--light-blue: #41c4fc;--okto-blue: #009de0;--dark-blue: #000c6a;--darker-blue: #00142a;--yellow: #ffcf00;--light-red: #ffe4e4;--warning: #a94442}.blue{color:var(--okto-blue)}.white{color:var(--white)!important}.blue-bg{color:var(--white);background-color:var(--okto-blue)}.dark-blue-bg{background-color:var(--dark-blue)}.darker-grey-bg{color:var(--white);background-color:var(--darker-grey)}.black-bg{color:var(--white);background-color:var(--black)}.okto-bg{background-image:url(/assets/images/oktopos-cash-register-background-image.jpg)}.wrap{padding:1% 2%}.m-trl{margin:60px 40px 0}.p-trbl{padding:35px 25px}@media only screen and (min-width:560px){.p-trbl{padding:35px 40px}}@media only screen and (min-width:840px){.p-trbl{padding:60px 40px}}.p-trl{padding:35px 25px 0}@media only screen and (min-width:560px){.p-trl{padding:35px 40px 0}}@media only screen and (min-width:840px){.p-trl{padding:60px 40px 0}}.p-rl{padding:0 25px}@media only screen and (min-width:560px){.p-rl{padding:0 40px}}.p-tr{padding:35px 25px 0 0}@media only screen and (min-width:560px){.p-tr{padding:35px 40px 0 0}}.p-rbl{padding:0 25px 35px}@media only screen and (min-width:560px){.p-rbl{padding:0 40px 35px}}@media only screen and (min-width:840px){.p-rbl{padding:0 40px 60px}}.p-t{padding:35px 0 0}@media only screen and (min-width:840px){.p-t{padding:60px 0 0}}.p-b{padding:0 0 35px}@media only screen and (min-width:840px){.p-b{padding:0 0 60px}}.p-tb{padding:35px 0}@media only screen and (min-width:840px){.p-tb{padding:60px 0}}.p-tb-20{padding:20px 0}.p-tr{padding:20px 20px 0 0}.row-p div.col{padding:0 0 15px}@media only screen and (min-width:768px){.row-p div.col{padding:0 15px 15px 0}}.row-p div.col:last-of-type{padding:0 0 15px}.contactform .row-p div.col{padding:0 0 15px}@media only screen and (min-width:640px){.contactform .row-p div.col{padding:0 15px 15px 0}}.contactform .row-p div.col:nth-of-type(2){padding:0 0 15px}@media only screen and (min-width:1024px){.contactform .row-p div.col:nth-of-type(2){padding:0 15px 15px 0}}.contactform .row-p div.col:last-of-type{padding:0 0 15px}.widget .row-p div.col{padding:0 0 15px}@media only screen and (min-width:768px){.widget .row-p div.col{padding:0 8px 15px 0}}.widget .row-p div.col:last-of-type,.widget .row-p div.col:nth-of-type(2){padding:0 0 15px}.w60{width:60%}.w70{width:85%}.w80{width:80%}.w100{width:100%}.grid-340{display:grid;grid-template-columns:repeat(auto-fit,340px)}.grid-100,.grid-50,.grid-25,.grid-20,.grid-20-nav{display:grid;grid-template-columns:100%}.widget .grid-25{grid-template-columns:50% 50%}.grid-15-85{display:grid;grid-template-columns:15% 85%}.grid-reposition{grid-template-rows:auto;grid-template-areas:"first-row" "second-row"}@media only screen and (min-width:960px){.grid-reposition{grid-template-areas:"second-row first-row"}}.grid-reposition .grid-first{grid-area:first-row}.grid-reposition .grid-second{grid-area:second-row}.vertical-center{align-items:center}.horizontal-center{justify-content:center}.grid-50 img{object-fit:contain;max-height:100%}button{font-family:OktoPOSBook-Regular,Verdana,sans-serif;cursor:pointer;height:50px;background-color:var(--okto-blue);color:var(--white);border-radius:5px;font-size:18px;padding:0 20px}button:hover:enabled{background-color:#009de0;color:var(--white)}*:disabled{background-color:#006d93;cursor:not-allowed}ul{margin-left:20px}.legend-text{font-size:12px}p.software-nr{font-size:12px!important;padding-top:10px!important;padding-bottom:10px!important}.sys-req:has(>.klapp-titel){width:auto}.sys-req>.klapp-titel{margin:0;font-size:inherit;color:inherit}.sys-req .sys-req-card{opacity:1;background-color:#ebebeb;color:#000;font-size:14px;padding:10px;margin:1px 1px 1px 0;box-shadow:0 0 1px 1px #9b9b9b;border-radius:5px;transition:.5s all}.sys-req .sys-req-card ul{padding:0!important;margin-left:0!important;margin-bottom:.5rem!important}.sys-req .sys-req-card ul:last-of-type{margin:0!important}.sys-req .sys-req-card ul.inline li{display:inline-block;vertical-align:middle}.sys-req .sys-req-card ul li{list-style:none}.sys-req .sys-req-card ul li.style-default{list-style:circle;margin-left:15px}.sys-req .sys-req-card ul li.title{font-weight:700}.sys-req .sys-req-card ul li img{margin-left:15px!important;border-radius:0;width:25px}.sys-req .sys-req-card ul li img.win{width:120px!important}.sys-req h4{margin:0;font-size:22px;box-shadow:0 0 1px 1px #9b9b9b;border:none;border-radius:5px;padding:10px}.sys-req h4.wh{background-color:#fff;color:#009de0}.coins div{display:grid;align-items:center;background-color:var(--okto-blue);height:auto;border-radius:15px;padding:20px;margin:15px}@media only screen and (min-width:840px){.coins div{height:270px;border-radius:50%}}.coins div span{font-size:150px;line-height:125px}.coins div p{font-size:24px;padding:0 30px}.coins div p.size-18{font-size:20px}@media only screen and (min-width:640px){.w70{width:70%}.w80{width:80%}.grid-25,.contactform .grid-25{grid-template-columns:50% 50%}}@media only screen and (min-width:840px){.grid-20,.grid-20-nav{grid-template-columns:33.33% 33.33% 33.33%}}
10@media only screen and (min-width:960px){.grid-50{grid-template-columns:50% 50%}}@media only screen and (min-width:1024px){.grid-25{grid-template-columns:33.33% 33.33% 33.33%}.contactform .grid-25{grid-template-columns:25% 25% 25% 25%}.grid-20{grid-template-columns:20% 20% 20% 20% 20%}}@media only screen and (min-width:1280px){.grid-20-nav{grid-template-columns:20% 20% 20% 20% 20%}}@media only screen and (min-width:1300px){.grid-25{grid-template-columns:25% 25% 25% 25%}}.seitenuebersicht{background:#f5f6f8;padding:44px 0 48px;margin-top:36px}.seitenuebersicht .content-wrap{box-sizing:border-box;padding-left:25px;padding-right:25px}@media only screen and (min-width:560px){.seitenuebersicht .content-wrap{padding-left:40px;padding-right:40px}}.su-titel{font-size:30px;margin-bottom:24px}.su-raster{display:grid;grid-template-columns:1fr;gap:16px}@media only screen and (min-width:620px){.su-raster{grid-template-columns:1fr 1fr}}@media only screen and (min-width:1000px){.su-raster{grid-template-columns:1fr 1fr 1fr}}.su-kachel{background:var(--white);border-radius:12px;padding:24px 22px 18px;display:flex;flex-direction:column;transition:box-shadow .2s ease,transform .2s ease}.su-kachel:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-2px)}.su-kopf{text-decoration:none;color:var(--black);display:block}.su-kopf:focus-visible{outline:3px solid var(--okto-blue);outline-offset:4px}.su-sym:after{font-size:44px;color:var(--okto-blue)}.su-name{font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-size:21px;display:block;margin-top:14px;line-height:1.2}.su-kopf:hover .su-name{color:var(--okto-blue)}.su-zeile{display:block;color:var(--dark-grey);font-size:16px;margin-top:6px}.su-unter{display:block;margin-top:14px;padding-top:12px;border-top:1px solid #dfe3e6}.su-unter-link{display:inline-block;font-size:15px;color:var(--dark-grey);text-decoration:none;margin:0 14px 6px 0;position:relative;padding-left:14px}.su-unter-link:before{content:"\e003";font-family:OktoposIcon-Regular,sans-serif;position:absolute;left:0;top:1px;font-size:10px;color:var(--okto-blue)}.su-unter-link:hover{color:var(--okto-blue)}.su-eyebrow{display:block;font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--okto-blue);margin-bottom:10px}@media only screen and (max-width:619px){.seitenuebersicht{padding:32px 0 36px;margin-top:26px}.su-raster{gap:10px}.su-kachel{padding:16px 16px 14px}.su-kopf{display:grid;grid-template-columns:34px 1fr;column-gap:14px;align-items:start}.su-sym{grid-row:1/span 2}.su-sym:after{font-size:30px}.su-name{margin-top:0;font-size:19px}.su-zeile{font-size:15px;margin-top:2px}.su-unter{margin-top:10px;padding-top:9px}}.klapp-knopf{width:100%;height:auto;min-height:0;margin:0;display:flex;align-items:center;gap:12px;padding:14px 16px 14px 22px;background:var(--white);border:1px solid #cfd8de;border-radius:14px;box-shadow:0 4px 14px #00000012;text-align:left;color:var(--black);font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-size:20px;line-height:1.3;transition:background-color .15s ease,border-color .15s ease}.klapp-knopf:hover:enabled{background:#f0f8fc;border-color:var(--okto-blue);color:var(--black)}.klapp-knopf:focus-visible{outline:3px solid var(--okto-blue);outline-offset:3px}.klapp-knopf .klapp-mehr{margin-left:auto;font-family:OktoPOSBook-Regular,Verdana,sans-serif;font-size:15px;line-height:1.2;color:var(--okto-blue);white-space:nowrap}.klapp-knopf .chev{flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:var(--okto-blue);display:flex;align-items:center;justify-content:center}.klapp-knopf .chev:after{color:var(--white);font-size:17px}@media only screen and (max-width:480px){.klapp-knopf .klapp-mehr{display:none}.klapp-knopf .chev{margin-left:auto}}
11</style><link rel="stylesheet" href="styles.60de291b300dc6cf.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.60de291b300dc6cf.css" media="all"></noscript><meta property="og:site_name" content="OktoPOS"><meta property="og:type" content="website"><meta property="twitter:card" content="summary_large_image"><meta name="author" content="Kristof Ramcke"><link rel="alternate" href="https://www.oktopos.com/de/self-order-systems/mobile-ordering/shop" hreflang="de"><link rel="alternate" href="https://www.oktopos.com/es/self-order-systems/mobile-ordering/shop" hreflang="es"><link rel="alternate" href="https://www.oktopos.com/en/self-order-systems/mobile-ordering/shop" hreflang="en"><link rel="alternate" href="https://www.oktopos.com/fr/self-order-systems/mobile-ordering/shop" hreflang="fr"><link rel="alternate" href="https://www.oktopos.com/it/self-order-systems/mobile-ordering/shop" hreflang="it"><link rel="alternate" href="https://www.oktopos.com/ja/self-order-systems/mobile-ordering/shop" hreflang="ja"><link rel="alternate" href="https://www.oktopos.com/nl/self-order-systems/mobile-ordering/shop" hreflang="nl"><link rel="alternate" href="https://www.oktopos.com/pt/self-order-systems/mobile-ordering/shop" hreflang="pt"><link rel="alternate" href="https://www.oktopos.com/de-at/self-order-systems/mobile-ordering/shop" hreflang="de-AT"><link rel="alternate" href="https://www.oktopos.com/de-ch/self-order-systems/mobile-ordering/shop" hreflang="de-CH"><link rel="alternate" href="https://www.oktopos.com/en-gb/self-order-systems/mobile-ordering/shop" hreflang="en-GB">
11<link rel="alternate" href="https://www.oktopos.com/fr-ch/self-order-systems/mobile-ordering/shop" hreflang="fr-CH"><link rel="alternate" href="https://www.oktopos.com/fr-be/self-order-systems/mobile-ordering/shop" hreflang="fr-BE"><link rel="alternate" href="https://www.oktopos.com/es-mx/self-order-systems/mobile-ordering/shop" hreflang="es-MX"><link rel="alternate" href="https://www.oktopos.com/tr/self-order-systems/mobile-ordering/shop" hreflang="tr"><link rel="alternate" href="https://www.oktopos.com/pt-br/self-order-systems/mobile-ordering/shop" hreflang="pt-BR"><link rel="alternate" href="https://www.oktopos.com/es-ar/self-order-systems/mobile-ordering/shop" hreflang="es-AR"><link rel="alternate" href="https://www.oktopos.com/nl-be/self-order-systems/mobile-ordering/shop" hreflang="nl-BE"><link rel="alternate" href="https://www.oktopos.com/it-ch/self-order-systems/mobile-ordering/shop" hreflang="it-CH"><link rel="alternate" href="https://www.oktopos.com/pl/self-order-systems/mobile-ordering/shop" hreflang="pl"><link rel="alternate" href="https://www.oktopos.com/hu/self-order-systems/mobile-ordering/shop" hreflang="hu"><link rel="alternate" href="https://www.oktopos.com/ro/self-order-systems/mobile-ordering/shop" hreflang="ro"><link rel="alternate" href="https://www.oktopos.com/da/self-order-systems/mobile-ordering/shop" hreflang="da"><link rel="alternate" href="https://www.oktopos.com/sv/self-order-systems/mobile-ordering/shop" hreflang="sv"><link rel="alternate" href="https://www.oktopos.com/nb/self-order-systems/mobile-ordering/shop" hreflang="nb"><link rel="alternate" href="https://www.oktopos.com/de/self-order-systems/mobile-ordering/shop" hreflang="x-default">
11<script id="json-ld-global" type="application/ld+json">[{"@context":"https://schema.org","@type":"Organization","name":"OktoPOS","url":"https://www.oktopos.com","logo":"https://www.oktopos.com/assets/images/logos/oktopos-logo.svg","address":{"@type":"PostalAddress","streetAddress":"Oberbaumbrücke 1","addressLocality":"Hamburg","postalCode":"20457","addressCountry":"DE"},"sameAs":["https://twitter.com/Okto_POS","https://www.facebook.com/oktopos.solutions","https://www.linkedin.com/company/oktopos-solutions-gmbh","https://www.youtube.com/user/OktoPOS2","https://www.xing.com/companies/oktopossolutionsgmbh"]},{"@context":"https://schema.org","@type":"WebSite","url":"https://www.oktopos.com/","name":"OktoPOS"},{"@context":"https://schema.org","@type":"SoftwareApplication","name":"OktoPOS","applicationCategory":"BusinessApplication","operatingSystem":"Windows","url":"https://www.oktopos.com"}]</script>
11<style ng-app-id="ng">.country-popup-overlay[_ngcontent-ng-c3711141671]{position:fixed;left:0;right:0;bottom:0;z-index:9999999998;background-color:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column}.country-popup-panel[_ngcontent-ng-c3711141671]{width:100%;max-height:100%;overflow-y:auto;background:#fff;box-shadow:0 8px 24px #0000002e;border-top:1px solid #ececec}.country-popup-inner[_ngcontent-ng-c3711141671]{box-sizing:border-box;max-width:1280px;margin:0 auto;padding:1.75rem 2rem 2.25rem}.country-popup-head[_ngcontent-ng-c3711141671]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.country-popup-head[_ngcontent-ng-c3711141671]   h2[_ngcontent-ng-c3711141671]{margin:0;font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-size:1.3rem;color:var(--darker-grey)}.country-popup-close[_ngcontent-ng-c3711141671]{border:none;background:transparent;font-size:1.9rem;line-height:1;height:auto;color:var(--dark-grey);cursor:pointer;padding:0 .25rem}.country-popup-close[_ngcontent-ng-c3711141671]:hover, .country-popup-close[_ngcontent-ng-c3711141671]:hover:enabled{background:transparent;color:var(--dark-grey)}.continent-grid[_ngcontent-ng-c3711141671]{display:grid;grid-template-columns:1fr;gap:1.75rem 2.5rem}@media(min-width:600px){.continent-grid[_ngcontent-ng-c3711141671]{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.continent-grid[_ngcontent-ng-c3711141671]{grid-template-columns:repeat(3,1fr)}}@media(min-width:1200px){.continent-grid[_ngcontent-ng-c3711141671]{grid-template-columns:repeat(4,1fr)}}.continent-title[_ngcontent-ng-c3711141671]{margin:0 0 .9rem;padding-bottom:.5rem;border-bottom:2px solid var(--okto-blue);font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-size:.9rem;text-transform:uppercase;letter-spacing:.04em;color:var(--darker-grey)}.continent-countries[_ngcontent-ng-c3711141671]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.5rem}@media(min-width:600px){.continent--wide[_ngcontent-ng-c3711141671]{grid-column:span 2}.continent--wide[_ngcontent-ng-c3711141671]   .continent-countries[_ngcontent-ng-c3711141671]{display:block;columns:2;column-gap:2.5rem}.continent--wide[_ngcontent-ng-c3711141671]   .country-row[_ngcontent-ng-c3711141671]{break-inside:avoid;margin-bottom:1.5rem}}.country-row[_ngcontent-ng-c3711141671]{display:flex;align-items:flex-start;gap:.6rem}.country-flag[_ngcontent-ng-c3711141671]{width:28px;height:auto;border-radius:2px;margin-top:.15rem;flex-shrink:0}.country-body[_ngcontent-ng-c3711141671]{display:flex;flex-direction:column;gap:.3rem;min-width:0}.country-name[_ngcontent-ng-c3711141671]{font-size:.82rem;color:var(--darker-grey);line-height:1.2}.country-langs[_ngcontent-ng-c3711141671]{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.15rem .9rem}.country-lang[_ngcontent-ng-c3711141671]{border:none;background:transparent;border-radius:0;padding:0;height:auto;line-height:1.3;text-align:left;font-size:.68rem;color:var(--dark-grey);cursor:pointer;transition:color .15s}.country-lang[_ngcontent-ng-c3711141671]:hover, .country-lang[_ngcontent-ng-c3711141671]:hover:enabled{background:transparent;color:var(--okto-blue);text-decoration:underline}.country-row.aktiv[_ngcontent-ng-c3711141671]{background:#ecf8fc;border-radius:6px;box-shadow:0 0 0 6px #ecf8fc}.country-lang.aktiv[_ngcontent-ng-c3711141671], .country-lang.aktiv[_ngcontent-ng-c3711141671]:hover, .country-lang.aktiv[_ngcontent-ng-c3711141671]:hover:enabled{background:var(--okto-blue);color:var(--white);border-radius:4px;padding:0 5px;text-decoration:none}</style><style ng-app-id="ng">.widget-wrap[_ngcontent-ng-c3954288900]{font-size:14px;display:none;z-index:9999999;margin-top:250px;position:fixed;top:0;right:-280px;cursor:pointer;transition:.2s ease-in-out right}.widget-wrap[_ngcontent-ng-c3954288900]:hover, .widget-wrap[_ngcontent-ng-c3954288900]:hover   .main[_ngcontent-ng-c3954288900]{right:0}.widget[_ngcontent-ng-c3954288900]{border-radius:10px 0 0 10px;width:300px;padding:10px 20px 10px 10px;color:#fff}.widget[_ngcontent-ng-c3954288900]   .grid-25[_ngcontent-ng-c3954288900]{display:grid;grid-template-columns:50% 50%}.widget.title[_ngcontent-ng-c3954288900]{display:grid;grid-template-columns:20% 80%;font-size:20px;align-items:center;box-shadow:0 0 5px -2px #000;border:1px solid #009de0}.widget.main[_ngcontent-ng-c3954288900]{display:block;margin-top:5px;position:relative;right:-90px;overflow:auto;box-shadow:0 0 5px -2px #000;border:1px solid #009de0}@media only screen and (min-width:1280px){.widget-wrap[_ngcontent-ng-c3954288900]{display:block}}</style><style ng-app-id="ng">header[_ngcontent-ng-c507913522]   a[_ngcontent-ng-c507913522]{color:var(--darker-grey);text-decoration:none}header[_ngcontent-ng-c507913522]   a[_ngcontent-ng-c507913522]:hover{color:var(--okto-blue)}header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]{font-family:OktoPOSBook-Bold,Verdana,sans-serif;display:grid;grid-template-columns:50% 35% 15%;grid-template-rows:auto;grid-template-areas:"brand language navi-trigger" "navi navi navi";width:96%;max-height:96vh;overflow:visible;padding:16px 2%;background-color:#fff;position:fixed;top:0;z-index:9999999999;box-shadow:0 -1px 5px 0 var(--dark-grey);transition:transform .25s ease-in-out}@media(prefers-reduced-motion:reduce){header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]{transition:none}}@media only screen and (min-width:1024px){header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]{grid-template-areas:"brand language navi";padding:0 2%;overflow:visible}}@media only screen and (min-width:600px){header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]{grid-template-columns:65% 25% 10%}}@media only screen and (min-width:1024px){header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]{display:grid;
11grid-template-columns:16% 72% 12%;grid-template-rows:auto;grid-template-areas:"brand navi language"}}@media only screen and (min-width:1100px){header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]{display:grid;grid-template-columns:15% 68% 17%}}@media only screen and (min-width:1600px){header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]{grid-template-columns:10% 64% 12% 14%;grid-template-areas:"brand navi phone language"}}header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .logo[_ngcontent-ng-c507913522]{grid-area:brand}@media only screen and (min-width:768px){header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .logo[_ngcontent-ng-c507913522]{position:relative;align-self:stretch;display:flex;align-items:center}}header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .logo[_ngcontent-ng-c507913522]   .logo-pfeil[_ngcontent-ng-c507913522]{display:none}@media only screen and (min-width:768px){header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .logo[_ngcontent-ng-c507913522]   .logo-pfeil[_ngcontent-ng-c507913522]{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:26px;height:26px;margin-left:2px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--okto-blue);cursor:pointer}header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .logo[_ngcontent-ng-c507913522]   .logo-pfeil[_ngcontent-ng-c507913522]   span[_ngcontent-ng-c507913522]{font-size:13px;line-height:1;font-weight:700;transition:.1s transform ease-in-out}header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .logo[_ngcontent-ng-c507913522]   .logo-pfeil[_ngcontent-ng-c507913522]   span[_ngcontent-ng-c507913522]:after{font-size:13px}header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .logo[_ngcontent-ng-c507913522]   .logo-pfeil[_ngcontent-ng-c507913522]:hover, header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .logo[_ngcontent-ng-c507913522]   .logo-pfeil[_ngcontent-ng-c507913522]:focus-visible{background:#f2f2f2}}header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .logo[_ngcontent-ng-c507913522]   .logo-menue[_ngcontent-ng-c507913522]{display:none}@media only screen and (min-width:768px){header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .logo[_ngcontent-ng-c507913522]   .logo-menue[_ngcontent-ng-c507913522]{display:block;position:absolute;top:100%;left:-12px;z-index:2;min-width:205px;width:max-content;padding:10px 0 15px;background:#fff;border:1px solid #ddd;border-top:0;border-radius:0 0 5px 5px;box-shadow:5px 5px 5px #0000001a;transform:scaleY(0);transform-origin:top;visibility:hidden;transition:.1s transform ease-in-out,visibility 0s linear .1s}}header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .logo[_ngcontent-ng-c507913522]   .logo-menue[_ngcontent-ng-c507913522]   a[_ngcontent-ng-c507913522]{display:flex;align-items:center;padding:5px 30px 5px 18px;font-family:OktoPOSBook-Regular,Verdana,sans-serif;font-size:14px;white-space:nowrap}@media only screen and (min-width:1100px){header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .logo[_ngcontent-ng-c507913522]   .logo-menue[_ngcontent-ng-c507913522]   a[_ngcontent-ng-c507913522]{font-size:16px}}@media only screen and (min-width:1400px){header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .logo[_ngcontent-ng-c507913522]   .logo-menue[_ngcontent-ng-c507913522]   a[_ngcontent-ng-c507913522]{font-size:18px}}header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .logo[_ngcontent-ng-c507913522]   .logo-menue[_ngcontent-ng-c507913522]   a[_ngcontent-ng-c507913522]   span.icon[_ngcontent-ng-c507913522]{font-size:32px;width:32px;padding:0 15px 0 0;line-height:1;text-align:center}header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .logo[_ngcontent-ng-c507913522]   .logo-menue[_ngcontent-ng-c507913522]   a.active[_ngcontent-ng-c507913522]{color:var(--okto-blue)}@media only screen and (min-width:768px){header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .logo[_ngcontent-ng-c507913522]:hover:not(.zu)   .logo-menue[_ng
11content-ng-c507913522], header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .logo.offen[_ngcontent-ng-c507913522]   .logo-menue[_ngcontent-ng-c507913522]{transform:scaleY(1);visibility:visible;transition:.1s transform ease-in-out,visibility 0s}header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .logo[_ngcontent-ng-c507913522]:hover:not(.zu)   .logo-pfeil[_ngcontent-ng-c507913522]   span[_ngcontent-ng-c507913522], header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .logo.offen[_ngcontent-ng-c507913522]   .logo-pfeil[_ngcontent-ng-c507913522]   span[_ngcontent-ng-c507913522]{transform:rotate(180deg)}}header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .logo[_ngcontent-ng-c507913522]   a[_ngcontent-ng-c507913522]   img[_ngcontent-ng-c507913522]{display:inline-block;vertical-align:middle;border-radius:0}header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .logo[_ngcontent-ng-c507913522]   a[_ngcontent-ng-c507913522]   img.okto-star[_ngcontent-ng-c507913522]{width:30px;margin-right:10px}@media only screen and (min-width:480px){header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .logo[_ngcontent-ng-c507913522]   a[_ngcontent-ng-c507913522]   img.okto-star[_ngcontent-ng-c507913522]{width:30px}}@media only screen and (min-width:600px){header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .logo[_ngcontent-ng-c507913522]   a[_ngcontent-ng-c507913522]   img.okto-star[_ngcontent-ng-c507913522]{width:30px}}header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .logo[_ngcontent-ng-c507913522]   a[_ngcontent-ng-c507913522]   img.okto-text[_ngcontent-ng-c507913522]{width:100px}@media only screen and (min-width:480px){header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .logo[_ngcontent-ng-c507913522]   a[_ngcontent-ng-c507913522]   img.okto-text[_ngcontent-ng-c507913522]{width:100px}}@media only screen and (min-width:600px){header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .logo[_ngcontent-ng-c507913522]   a[_ngcontent-ng-c507913522]   img.okto-text[_ngcontent-ng-c507913522]{width:100px}}header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .navi[_ngcontent-ng-c507913522]{grid-area:navi;display:none;margin:15px 0 0;border-top:1px solid #f2f2f2}@media only screen and (min-width:768px)and (max-width:1023px){header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .navi[_ngcontent-ng-c507913522]{display:block;margin:10px 0 0}}@media only screen and (min-width:1024px){header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .navi[_ngcontent-ng-c507913522]{display:block;margin:0;border:none}}header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .navi.open[_ngcontent-ng-c507913522]{display:block}header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .navi-trigger[_ngcontent-ng-c507913522]{grid-area:navi-trigger;display:flex;justify-self:end;width:35px;height:25px;position:relative;cursor:pointer}@media only screen and (min-width:768px){header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .navi-trigger[_ngcontent-ng-c507913522]{display:none}}header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .navi-trigger[_ngcontent-ng-c507913522]   span[_ngcontent-ng-c507913522]{display:flex;justify-self:right;position:absolute;height:3px;width:100%;background:var(--darkgrey);opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out;background-color:#000;margin:0 0 10px}header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .navi-trigger[_ngcontent-ng-c507913522]   span[_ngcontent-ng-c507913522]:last-child{margin:0}header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .navi-trigger[_ngcontent-ng-c507913522]   span[_ngcontent-ng-c507913522]:nth-child(1){top:0;transform-origin:left center}header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .navi-trigger[_ngcontent-ng-c507913522]   span[_ngcontent-ng-c507913522]:nth-child(2){top:11px;transform-origin:left center}header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .navi-trigger[_ngcontent-ng-c507913522]   span[_ngcontent-ng-c507913522]:nth-child(3){top:22px;transform-origin:left center}header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .navi-trigger.open[_ngcontent-ng-c507913522]   span[_ngcontent-ng-c507913522]:nth-child(1){transform:rotate(45deg);top:0;left:3px}header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .navi-trigger.open[_ngcontent-ng-c507913522]   span[_ngcontent-ng-c507913522]:nth-child(2){width:0;opacity:0}
11header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .navi-trigger.open[_ngcontent-ng-c507913522]   span[_ngcontent-ng-c507913522]:nth-child(3){transform:rotate(-45deg);top:25px;left:3px}header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .phone-link[_ngcontent-ng-c507913522]{display:none;padding:0 15px;grid-area:phone;font-size:12px}@media only screen and (min-width:1600px){header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .phone-link[_ngcontent-ng-c507913522]{display:block}}header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .phone-link[_ngcontent-ng-c507913522]   a.es-hq-nr[_ngcontent-ng-c507913522]{display:block;margin-top:8px}header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .phone-link[_ngcontent-ng-c507913522]   a[_ngcontent-ng-c507913522]   img[_ngcontent-ng-c507913522]{width:15px;border-radius:2px;margin-right:10px;display:inline-block}header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .phone-link[_ngcontent-ng-c507913522]   a[_ngcontent-ng-c507913522]   img.es-company-icon[_ngcontent-ng-c507913522]{vertical-align:top}header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .phone-link[_ngcontent-ng-c507913522]   a[_ngcontent-ng-c507913522]   span[_ngcontent-ng-c507913522]{display:inline-block}header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .header-controls[_ngcontent-ng-c507913522]{grid-area:language;display:flex;align-items:center;justify-content:flex-end;gap:4px;height:35px}@media only screen and (min-width:600px){header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .header-controls[_ngcontent-ng-c507913522]{gap:8px}}header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .header-controls[_ngcontent-ng-c507913522]   .language-switch[_ngcontent-ng-c507913522]{height:35px;display:flex;align-items:center}header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .header-controls[_ngcontent-ng-c507913522]   .language-switch[_ngcontent-ng-c507913522]   .current-language[_ngcontent-ng-c507913522]{display:flex;align-items:center;gap:8px;height:35px;box-sizing:border-box;padding:4px 10px;border:1px solid #cfd8de;border-radius:20px;background-color:var(--white);color:var(--black);font-family:OktoPOSBook-Regular,Verdana,sans-serif;font-size:15px;line-height:1;white-space:nowrap;cursor:pointer}header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .header-controls[_ngcontent-ng-c507913522]   .language-switch[_ngcontent-ng-c507913522]   .current-language[_ngcontent-ng-c507913522]:hover:enabled{border-color:var(--okto-blue);background-color:var(--white);color:var(--black)}header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .header-controls[_ngcontent-ng-c507913522]   .language-switch[_ngcontent-ng-c507913522]   .current-language[_ngcontent-ng-c507913522]:focus-visible{outline:3px solid var(--okto-blue);outline-offset:2px}header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .header-controls[_ngcontent-ng-c507913522]   .language-switch[_ngcontent-ng-c507913522]   .current-language[_ngcontent-ng-c507913522]   img[_ngcontent-ng-c507913522]{width:25px;height:auto;border-radius:2px;flex-shrink:0;display:block}header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .header-controls[_ngcontent-ng-c507913522]   .language-switch[_ngcontent-ng-c507913522]   .current-language[_ngcontent-ng-c507913522]   .sprache[_ngcontent-ng-c507913522]{display:none}header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .header-controls[_ngcontent-ng-c507913522]   .language-switch[_ngcontent-ng-c507913522]   .current-language[_ngcontent-ng-c507913522]   .pfeil[_ngcontent-ng-c507913522]{display:flex;font-size:11px;color:var(--okto-blue)}@media only screen and (min-width:768px){header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .header-controls[_ngcontent-ng-c507913522]   .language-switch[_ngcontent-ng-c507913522]   .current-language[_ngcontent-ng-c507913522]   .sprache[_ngcontent-ng-c507913522]{display:inline}}header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .mobile-menu-trigger[_ngcontent-ng-c507913522]{color:var(--okto-blue);cursor:pointer;height:50px;font-size:48px;line-height:1}header.kopf-weg[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]{transform:translateY(calc(-100% - 8px))}header.kopf-weg.kopf-rest[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]{transform:translateY(var(--kopf-versatz, 0px))}header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .logo[_ngcontent-ng-c507913522], header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .phone-link[_ngcontent-ng-c507913522], header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .header-control
11s[_ngcontent-ng-c507913522]{transition:opacity .2s ease-in-out,visibility .2s}@media(prefers-reduced-motion:reduce){header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .logo[_ngcontent-ng-c507913522], header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .phone-link[_ngcontent-ng-c507913522], header[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .header-controls[_ngcontent-ng-c507913522]{transition:none}}header.kopf-weg.kopf-rest[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .logo[_ngcontent-ng-c507913522], header.kopf-weg.kopf-rest[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .phone-link[_ngcontent-ng-c507913522], header.kopf-weg.kopf-rest[_ngcontent-ng-c507913522]   .topbar-grid[_ngcontent-ng-c507913522]   .header-controls[_ngcontent-ng-c507913522]{opacity:0;visibility:hidden}header[_ngcontent-ng-c507913522]   nav.mobile-menu[_ngcontent-ng-c507913522]{grid-area:dropdown;background-color:var(--darker-grey);position:fixed;top:66px;z-index:999999999;width:100%;height:93%;overflow:auto}header[_ngcontent-ng-c507913522]   nav.mobile-menu[_ngcontent-ng-c507913522]   section[_ngcontent-ng-c507913522]{font-size:16px}header[_ngcontent-ng-c507913522]   nav.mobile-menu[_ngcontent-ng-c507913522]   section[_ngcontent-ng-c507913522]   div.mobile-section[_ngcontent-ng-c507913522]{padding:0 20px 20px}header[_ngcontent-ng-c507913522]   nav.mobile-menu[_ngcontent-ng-c507913522]   section[_ngcontent-ng-c507913522]   div.mobile-section[_ngcontent-ng-c507913522]   .mobile-second-layer[_ngcontent-ng-c507913522]{display:block}header[_ngcontent-ng-c507913522]   nav.mobile-menu[_ngcontent-ng-c507913522]   section[_ngcontent-ng-c507913522]   div[_ngcontent-ng-c507913522]   a[_ngcontent-ng-c507913522]{padding:0 5%;color:var(--white);text-decoration:none}header[_ngcontent-ng-c507913522]   nav.mobile-menu[_ngcontent-ng-c507913522]   section[_ngcontent-ng-c507913522]   div[_ngcontent-ng-c507913522]   a[_ngcontent-ng-c507913522]:hover, header[_ngcontent-ng-c507913522]   nav.mobile-menu[_ngcontent-ng-c507913522]   section[_ngcontent-ng-c507913522]   div[_ngcontent-ng-c507913522]   a.active[_ngcontent-ng-c507913522], header[_ngcontent-ng-c507913522]   nav.mobile-menu[_ngcontent-ng-c507913522]   section[_ngcontent-ng-c507913522]   div[_ngcontent-ng-c507913522]   a.url-active[_ngcontent-ng-c507913522]{color:var(--okto-blue)}header[_ngcontent-ng-c507913522]   nav.mobile-menu[_ngcontent-ng-c507913522]   section[_ngcontent-ng-c507913522]   div[_ngcontent-ng-c507913522]   a[_ngcontent-ng-c507913522]   span.first-element[_ngcontent-ng-c507913522]{font-size:24px}header[_ngcontent-ng-c507913522]   nav.mobile-menu[_ngcontent-ng-c507913522]   section[_ngcontent-ng-c507913522]   div[_ngcontent-ng-c507913522]   a.title[_ngcontent-ng-c507913522]{font-size:24px;border-bottom:1px solid var(--dark-grey);margin-bottom:10px;color:var(--okto-blue)}header[_ngcontent-ng-c507913522]   nav.mobile-menu[_ngcontent-ng-c507913522]   section[_ngcontent-ng-c507913522]   div[_ngcontent-ng-c507913522]   div[_ngcontent-ng-c507913522]   a[_ngcontent-ng-c507913522]   span.first-element[_ngcontent-ng-c507913522]{font-size:24px}header[_ngcontent-ng-c507913522]   #oktopos-ai-claude[_ngcontent-ng-c507913522]{width:100%;overflow:hidden;margin:0 auto}@media only screen and (min-width:1680px){header[_ngcontent-ng-c507913522]   #oktopos-ai-claude[_ngcontent-ng-c507913522]{width:1680px}}header[_ngcontent-ng-c507913522]   #oktopos-ai-claude[_ngcontent-ng-c507913522]   video[_ngcontent-ng-c507913522]{width:100%;height:auto;display:block}header[_ngcontent-ng-c507913522]   .header-content[_ngcontent-ng-c507913522]{margin-top:170px}header[_ngcontent-ng-c507913522]   .header-content[_ngcontent-ng-c507913522]   p[_ngcontent-ng-c507913522]{margin:0}header[_ngcontent-ng-c507913522]   .header-content[_ngcontent-ng-c507913522]   p.third-element[_ngcontent-ng-c507913522]{font-size:30px;font-family:OktoPOSBook-Light,sans-serif;margin-top:15px}@media only screen and (min-width:480px){header[_ngcontent-ng-c507913522]   .header-content[_ngcontent-ng-c507913522]   p.third-element[_ngcontent-ng-c507913522]{font-size:36px}}@media only screen and (min-width:768px){header[_ngcontent-ng-c507913522]   .header-content[_ngcontent-ng-c507913522]   p.third-element[_ngcontent-ng-c507913522]{font-size:40px}}@media only screen and (min-width:960px){header[_ngcontent-ng-c507913522]   .header-content[_ngcontent-ng-c507913522]   p.third-element[_ngcontent-ng-c507913522]{font-size:44px}}@media only screen and (min-width:1280px){header[_ngcontent-ng-c507913522]   .header-content[_ngcontent-ng-c507913522]   p.third-element[_ngcontent-ng-c507913522]{font-size:50px}}header[_ngcontent-ng-c507913522]   .header-content[_ngcontent-ng-c507913522]   img[_ngcontent-ng-c507913522]{width:100%}</style><style ng-app-id="ng">.nur-handel[_ngcontent-ng-c507913522]{display:none}html[data-branche-wahl=einzelhandel][_nghost-ng-c507913522]   .nur-handel[_ngcontent-ng-c507913522], html[data-branche-wahl=einzelhandel]   [_nghost-ng-c507913522]   .nur-handel[_ngcontent-ng-c507913522]{display:inline}html[data-branche-wahl=einzelhandel][_nghost-ng-c507913522]   [data-branche=gastronomie][_ngcontent-ng-c507913522], html[data-branche-wahl=einzelhandel]   [_nghost-ng-c507913522]   [data-branche=gastronomie][_ngcontent-ng-c507913522]{display:none!important}</style><style ng-app-id="ng">@charset "UTF-8";footer[_ngcontent-ng-c3343872499]{position:relative}footer[_ngcontent-ng-c3343872499]   h2[_ngcontent-ng-c3343872499], footer[_ngcontent-ng-c3343872499]   h3[_ngcontent-ng-c3343872499]{font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-size:22px;color:var(--white);border-bottom:1px solid var(--dark-grey);padding-bottom:5px}footer[_ngcontent-ng-c3343872499]   h2.main-title[_ngcontent-ng-c3343872499], footer[_ngcontent-ng-c3343872499]   h3.main-title[_ngcontent-ng-c3343872499]{font-size:50px;border-bottom:none;color:var(--okto-blue)}footer[_ngcontent-ng-c3343872499]   a[_ngcontent-ng-c3343872499], footer[_ngcontent-ng-c3343872499]   a[_ngcontent-ng-c3343872499]:link, footer[_ngcontent-ng-c3343872499]   a[_ngcontent-ng-c3343872499]:visited{color:var(--white);text-decoration:none}footer[_ngcontent-ng-c3343872499]   a[_ngcontent-ng-c3343872499]:hover, footer[_ngcontent-ng-c3343872499]   a[_ngcontent-ng-c3343872499]:link:hover, footer[_ngcontent-ng-c3343872499]   a[_ngcontent-ng-c3343872499]:visited:hover{color:var(--okto-blue)}footer[_ngcontent-ng-c3343872499]   h3.navi[_ngcontent-ng-c3343872499]{font-family:OktoPOSBook-Regular,Verdana,sans-serif;font-size:18px;text-transform:none;border-bottom:none;margin:0;color:var(--white)}footer[_ngcontent-ng-c3343872499]   h3.navi[_ngcontent-ng-c3343872499]:hover{color:var(--okto-blue)}footer[_ngcontent-ng-c3343872499]   h3.navi[_ngcontent-ng-c3343872499]:visited{color:var(--white)}footer[_ngcontent-ng-c3343872499]   ul[_ngcontent-ng-c3343872499]{margin:0}footer[_ngcontent-ng-c3343872499]   ul.phone[_ngcontent-ng-c3343872499]{font-size:18px}footer[_ngcontent-ng-c3343872499]   ul[_ngcontent-ng-c3343872499]   li[_ngcontent-ng-c3343872499]{list-style:none;margin:0 0 8px}footer[_ngcontent-ng-c3343872499]   img[_ngcontent-ng-c3343872499]{border-radius:2px}footer[_ngcontent-ng-c3343872499]   hr[_ngcontent-ng-c3343872499]{border-bottom:1px solid var(--dark-grey)}footer[_ngcontent-ng-c3343872499]   p[_ngcontent-ng-c3343872499]{margin-bottom:2px}footer[_ngcontent-ng-c3343872499]   p.highlight[_ngcontent-ng-c3343872499]{font-size:24px;margin-bottom:15px}footer[_ngcontent-ng-c3343872499]   p.highlight[_ngcontent-ng-c3343872499]   span[_ngcontent-ng-c3343872499]{display:inline-block;vertical-align:middle}footer[_ngcontent-ng-c3343872499]   p.highlight[_ngcontent-ng-c3343872499]   span[_ngcontent-ng-c3343872499]:first-of-type{font-size:48px;margin-right:10px}footer[_ngcontent-ng-c3343872499]   section[_ngcontent-ng-c3343872499]{font-size:18px}footer[_ngcontent-ng-c3343872499]   section[_ngcontent-ng-c3343872499]   div[_ngcontent-ng-c3343872499]{padding-bottom:5px}footer[_ngcontent-ng-c3343872499]   section.grid-50[_ngcontent-ng-c3343872499]   div[_ngcontent-ng-c3343872499]:nth-child(2){grid-column-start:1;grid-row-start:2;grid-row-end:3}footer[_ngcontent-ng-c3343872499]   section.grid-50[_ngcontent-ng-c3343872499]   div[_ngcontent-ng-c3343872499]:nth-child(3){grid-column-start:1;grid-row-start:3;grid-row-end:3}footer[_ngcontent-ng-c3343872499]   section.grid-50[_ngcontent-ng-c3343872499]   div[_ngcontent-ng-c3343872499]:nth-child(4){grid-column-start:1;grid-row-start:4;grid-row-end:4}footer[_ngcontent-ng-c3343872499]   .social[_ngcontent-ng-c3343872499]{background-color:#969799;border-radius:15px;padding:10px}footer[_ngcontent-ng-c3343872499]   .social[_ngcontent-ng-c3343872499]   a[_ngcontent-ng-c3343872499]{display:grid;align-items:center;justify-content:center}footer[_ngcontent-ng-c3343872499]   .links[_ngcontent-ng-c3343872499]{font-size:18px}footer[_ngcontent-ng-c3343872499]   .bwk[_ngcontent-ng-c3343872499]{--s: .6;background-color:#fff;padding:calc(10px * var(--s));
11margin:calc(15px * var(--s)) 0 0 0;border-radius:calc(10px * var(--s));width:calc(280px * var(--s));font-size:calc(12px * var(--s));overflow:hidden;line-height:1}footer[_ngcontent-ng-c3343872499]   .bwk[_ngcontent-ng-c3343872499]   img[_ngcontent-ng-c3343872499]{float:left;width:calc(120px * var(--s))}footer[_ngcontent-ng-c3343872499]   .bwk[_ngcontent-ng-c3343872499]   p[_ngcontent-ng-c3343872499]{float:left;color:#000;margin:0 0 0 calc(15px * var(--s));padding:0 0 0 calc(15px * var(--s));width:calc(120px * var(--s));border-left:1px solid black}footer[_ngcontent-ng-c3343872499]   .references[_ngcontent-ng-c3343872499]{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:30px 40px}footer[_ngcontent-ng-c3343872499]   .references[_ngcontent-ng-c3343872499]   .logo[_ngcontent-ng-c3343872499]{display:flex;flex:none;align-items:center;justify-content:center}footer[_ngcontent-ng-c3343872499]   .references[_ngcontent-ng-c3343872499]   img[_ngcontent-ng-c3343872499]{height:calc(var(--h) * var(--k, 1));width:auto;max-width:100%;object-fit:contain;border-radius:0}footer[_ngcontent-ng-c3343872499]   .references.kunden[_ngcontent-ng-c3343872499]{gap:20px clamp(32px,4vw,60px)}footer[_ngcontent-ng-c3343872499]   .references.partner[_ngcontent-ng-c3343872499]{--h-wort: clamp(18px, 1.55vw, 22px);--h-siegel: clamp(44px, 3.65vw, 52px);--h-tafel: clamp(36px, 3.1vw, 44px);gap:22px clamp(20px,2vw,30px)}footer[_ngcontent-ng-c3343872499]   .references.partner[_ngcontent-ng-c3343872499]   .wort[_ngcontent-ng-c3343872499]{--h: var(--h-wort)}footer[_ngcontent-ng-c3343872499]   .references.partner[_ngcontent-ng-c3343872499]   .siegel[_ngcontent-ng-c3343872499]{--h: var(--h-siegel)}footer[_ngcontent-ng-c3343872499]   .references.partner[_ngcontent-ng-c3343872499]   .tafel[_ngcontent-ng-c3343872499]{--h: var(--h-tafel)}footer[_ngcontent-ng-c3343872499]   .references[_ngcontent-ng-c3343872499]   .logo-gruppe[_ngcontent-ng-c3343872499]{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:22px clamp(20px,2vw,30px)}@media only screen and (max-width:1099px){footer[_ngcontent-ng-c3343872499]   .references.partner[_ngcontent-ng-c3343872499], footer[_ngcontent-ng-c3343872499]   .references[_ngcontent-ng-c3343872499]   .logo-gruppe[_ngcontent-ng-c3343872499]{column-gap:18px}}@media only screen and (max-width:959px){footer[_ngcontent-ng-c3343872499]   .references.kunden[_ngcontent-ng-c3343872499]{column-gap:24px}}@media only screen and (max-width:767px){footer[_ngcontent-ng-c3343872499]   .references.kunden[_ngcontent-ng-c3343872499]{--k: .9}}@media only screen and (max-width:559px){footer[_ngcontent-ng-c3343872499]   .references[_ngcontent-ng-c3343872499]{padding:24px 25px}footer[_ngcontent-ng-c3343872499]   .references.kunden[_ngcontent-ng-c3343872499]{row-gap:18px;--k: .85}footer[_ngcontent-ng-c3343872499]   .references.partner[_ngcontent-ng-c3343872499]{row-gap:20px;--h-wort: 18px;--h-siegel: 42px;--h-tafel: 34px}footer[_ngcontent-ng-c3343872499]   .references[_ngcontent-ng-c3343872499]   .logo-gruppe[_ngcontent-ng-c3343872499]{row-gap:20px}footer[_ngcontent-ng-c3343872499]   .references[_ngcontent-ng-c3343872499]   .gruppe-wort[_ngcontent-ng-c3343872499]{flex:0 0 100%;max-width:300px;flex-wrap:wrap}footer[_ngcontent-ng-c3343872499]   .references[_ngcontent-ng-c3343872499]   .gruppe-wort[_ngcontent-ng-c3343872499]   .logo[_ngcontent-ng-c3343872499]{flex:0 0 calc((100% - 18px)/2)}}footer[_ngcontent-ng-c3343872499]   .locationItem[_ngcontent-ng-c3343872499]{padding:0 5%}footer[_ngcontent-ng-c3343872499]   .locationItem[_ngcontent-ng-c3343872499]   .locationTitle[_ngcontent-ng-c3343872499]{font-size:16px;margin-bottom:10px}footer[_ngcontent-ng-c3343872499]   .locationItem[_ngcontent-ng-c3343872499]   .locationTitle[_ngcontent-ng-c3343872499]   img[_ngcontent-ng-c3343872499]{width:20px}footer[_ngcontent-ng-c3343872499]   .locationItem[_ngcontent-ng-c3343872499]   .locationCity[_ngcontent-ng-c3343872499]{border:1px solid var(--light-grey);width:100%;border-radius:25px;margin-bottom:5px}footer[_ngcontent-ng-c3343872499]   .locationItem[_ngcontent-ng-c3343872499]   .locationCity[_ngcontent-ng-c3343872499]   div[_ngcontent-ng-c3343872499]:first-child{width:45px;height:45px;padding:10px;background-color:var(--dark-grey);border-radius:25px 0 0 25px}footer[_ngcontent-ng-c3343872499]   .locationItem[_ngcontent-ng-c3343872499]   .locationCity[_ngcontent-ng-c3343872499]   div[_ngcontent-ng-c3343872499]:first-child   img[_ngcontent-ng-c3343872499]{width:80%;height:auto;display:block;margin:0 auto}footer[_ngcontent-ng-c3343872499]   .locationItem[_ngcontent-ng-c3343872499]   .locationCity[_ngcontent-ng-c3343872499]   div[_ngcontent-ng-c3343872499]:nth-child(2){font-size:12px;padding:4px}footer[_ngcontent-ng-c3343872499]   .locationItem[_ngcontent-ng-c3343872499]   .locationCity[_ngcontent-ng-c3343872499]   div[_ngcontent-ng-c3343872499]   span[_ngcontent-ng-c3343872499]{width:100%;display:block}footer[_ngcontent-ng-c3343872499]   .provider-label[_ngcontent-ng-c3343872499]{color:var(--light-grey);font-size:14px;text-align:center}footer[_ngcontent-ng-c3343872499]   .provider-label[_ngcontent-ng-c3343872499]   p[_ngcontent-ng-c3343872499]{padding:5px 0}</style><style ng-app-id="ng">section[_ngcontent-ng-c410009983]{container:containertest/inline-size}@container containertest (max-width: 480px){form[_ngcontent-ng-c410009983]   div.subject[_ngcontent-ng-c410009983]   .col[_ngcontent-ng-c410009983]   input[_ngcontent-ng-c410009983]{height:1px!important;width:34%}form[_ngcontent-ng-c410009983]   div[_ngcontent-ng-c410009983]   .col[_ngcontent-ng-c410009983]   input[_ngcontent-ng-c410009983]{height:40px;padding:0 5%;width:90%;font-size:16px}form[_ngcontent-ng-c410009983]   div[_ngcontent-ng-c410009983]   textarea[_ngcontent-ng-c410009983]{padding:2%;width:96%;font-size:16px}form[_ngcontent-ng-c410009983]   div[_ngcontent-ng-c410009983]   div.info[_ngcontent-ng-c410009983]{grid-template-columns:65% 35%;padding:10px 0;font-size:18px}form[_ngcontent-ng-c410009983]   div[_ngcontent-ng-c410009983]   div.info[_ngcontent-ng-c410009983]   .data-protection-
11policy[_ngcontent-ng-c410009983]{font-size:14px}form[_ngcontent-ng-c410009983]   div[_ngcontent-ng-c410009983]   div.info[_ngcontent-ng-c410009983]   .data-protection-policy[_ngcontent-ng-c410009983]   a[_ngcontent-ng-c410009983], form[_ngcontent-ng-c410009983]   div[_ngcontent-ng-c410009983]   div.info[_ngcontent-ng-c410009983]   .data-protection-policy[_ngcontent-ng-c410009983]   a[_ngcontent-ng-c410009983]:hover{text-decoration:none}form[_ngcontent-ng-c410009983]   div[_ngcontent-ng-c410009983]   div.info[_ngcontent-ng-c410009983]   .data-protection-policy[_ngcontent-ng-c410009983]   span[_ngcontent-ng-c410009983]{display:none}form[_ngcontent-ng-c410009983]   div[_ngcontent-ng-c410009983]   div.info[_ngcontent-ng-c410009983]   .mandatory-fields[_ngcontent-ng-c410009983]{padding-top:0;font-size:14px}}input[_ngcontent-ng-c410009983], textarea[_ngcontent-ng-c410009983]{font-size:18px;border-radius:5px;border:1px solid var(--light-grey);font-family:OktoPOSBook-Regular,Verdana,sans-serif}input[_ngcontent-ng-c410009983]:focus, textarea[_ngcontent-ng-c410009983]:focus{outline:none!important;border:1px solid var(--okto-blue);box-shadow:0 0 5px var(--light-blue)}input[_ngcontent-ng-c410009983]{height:50px;padding:0 3%;width:94%}textarea[_ngcontent-ng-c410009983]{height:60px;padding:1%;width:98%;resize:vertical}*[_ngcontent-ng-c410009983]:disabled{background-color:#006d93;cursor:not-allowed}.subject[_ngcontent-ng-c410009983], .subject[_ngcontent-ng-c410009983]   div[_ngcontent-ng-c410009983]{height:1px}.subject[_ngcontent-ng-c410009983]   div[_ngcontent-ng-c410009983]   input[_ngcontent-ng-c410009983]{height:1px;border:none;background-color:transparent}.data-protection-policy[_ngcontent-ng-c410009983]{font-size:18px}.data-protection-policy[_ngcontent-ng-c410009983]   a[_ngcontent-ng-c410009983], .data-protection-policy[_ngcontent-ng-c410009983]   a[_ngcontent-ng-c410009983]:hover{text-decoration:none}.mandatory-fields[_ngcontent-ng-c410009983]{font-size:14px}.ng-valid.required[_ngcontent-ng-c410009983], .ng-valid[required][_ngcontent-ng-c410009983]{border-left:5px solid var(--okto-blue)}.ng-invalid[_ngcontent-ng-c410009983]:not(form){border-left:5px solid var(--warning)}.ng-untouched[_ngcontent-ng-c410009983]:not(form){border-left:0}.warning[_ngcontent-ng-c410009983]{background-color:var(--light-red);color:var(--black);border:1px solid var(--warning);border-radius:5px;padding:1% 2%;margin-top:0;width:96%;font-size:18px;border-left:5px solid var(--warning)}.mail-confirm[_ngcontent-ng-c410009983]{border:3px solid green;border-radius:15px;padding:20px;margin:0}.mail-confirm[_ngcontent-ng-c410009983]   p[_ngcontent-ng-c410009983]:last-of-type{margin:0}</style><style ng-app-id="ng">@charset "UTF-8";nav[_ngcontent-ng-c4086923816]{display:grid;grid-template-columns:1fr;grid-template-areas:"one" "two" "three" "four" "five" "six" "seven" "eight"}@media only screen and (min-width:768px){nav[_ngcontent-ng-c4086923816]{grid-template-columns:auto auto auto auto auto auto auto 1fr;grid-template-areas:"one two three four five six seven eight" "sub sub sub sub sub sub sub sub"}}@media only screen and (min-width:1400px){nav[_ngcontent-ng-c4086923816]{grid-template-columns:auto auto auto auto auto auto auto 1fr}}@media only screen and (min-width:1600px){nav[_ngcontent-ng-c4086923816]{grid-template-columns:auto auto auto auto auto auto 1fr 1fr auto 1fr;grid-template-areas:"one two three four five six . . seven eight" "sub sub sub sub sub sub sub sub sub sub"}}nav[_ngcontent-ng-c4086923816]   a[_ngcontent-ng-c4086923816], nav[_ngcontent-ng-c4086923816]   a[_ngcontent-ng-c4086923816]:visited{display:flex;align-items:center;color:var(--darker-grey);text-decoration:none;font-size:18px;font-family:OktoPOSBook-Regular,Verdana,sans-serif}@media only screen and (min-width:768px){nav[_ngcontent-ng-c4086923816]   a[_ngcontent-ng-c4086923816], nav[_ngcontent-ng-c4086923816]   a[_ngcontent-ng-c4086923816]:visited{font-size:14px}}@media only screen and (min-width:1100px){nav[_ngcontent-ng-c4086923816]   a[_ngcontent-ng-c4086923816], nav[_ngcontent-ng-c4086923816]   a[_ngcontent-ng-c4086923816]:visited{font-size:16px}}
11@media only screen and (min-width:1400px){nav[_ngcontent-ng-c4086923816]   a[_ngcontent-ng-c4086923816], nav[_ngcontent-ng-c4086923816]   a[_ngcontent-ng-c4086923816]:visited{font-size:18px}}nav[_ngcontent-ng-c4086923816]   a[_ngcontent-ng-c4086923816]   span.sub-menu-icon[_ngcontent-ng-c4086923816], nav[_ngcontent-ng-c4086923816]   a[_ngcontent-ng-c4086923816]:visited   span.sub-menu-icon[_ngcontent-ng-c4086923816]{font-weight:700;padding:0 5px;line-height:1;margin-left:auto;transition:.1s transform ease-in-out}nav[_ngcontent-ng-c4086923816]   a[_ngcontent-ng-c4086923816]   span.icon[_ngcontent-ng-c4086923816], nav[_ngcontent-ng-c4086923816]   a[_ngcontent-ng-c4086923816]:visited   span.icon[_ngcontent-ng-c4086923816]{font-size:32px;padding:0 15px 0 0;line-height:1;width:32px;text-align:center}nav[_ngcontent-ng-c4086923816]   a[_ngcontent-ng-c4086923816]:has(.sub-menu-icon), nav[_ngcontent-ng-c4086923816]   a[_ngcontent-ng-c4086923816]:visited:has(.sub-menu-icon){font-family:OktoPOSBook-Bold,Verdana,sans-serif}nav[_ngcontent-ng-c4086923816]   a.active[_ngcontent-ng-c4086923816], nav[_ngcontent-ng-c4086923816]   a[_ngcontent-ng-c4086923816]:hover, nav[_ngcontent-ng-c4086923816]   a[_ngcontent-ng-c4086923816]:has(+.sub-menu-wrap.active){color:var(--okto-blue)}nav[_ngcontent-ng-c4086923816]   a.active.first[_ngcontent-ng-c4086923816]   span.sub-menu-icon[_ngcontent-ng-c4086923816], nav[_ngcontent-ng-c4086923816]   a[_ngcontent-ng-c4086923816]:hover.first   span.sub-menu-icon[_ngcontent-ng-c4086923816], nav[_ngcontent-ng-c4086923816]   a[_ngcontent-ng-c4086923816]:has(+.sub-menu-wrap.active).first   span.sub-menu-icon[_ngcontent-ng-c4086923816]{transform:rotate(0)}@media only screen and (min-width:960px){nav[_ngcontent-ng-c4086923816]   a.active.first[_ngcontent-ng-c4086923816]   span.sub-menu-icon[_ngcontent-ng-c4086923816], nav[_ngcontent-ng-c4086923816]   a[_ngcontent-ng-c4086923816]:hover.first   span.sub-menu-icon[_ngcontent-ng-c4086923816], nav[_ngcontent-ng-c4086923816]   a[_ngcontent-ng-c4086923816]:has(+.sub-menu-wrap.active).first   span.sub-menu-icon[_ngcontent-ng-c4086923816]{transform:rotate(90deg)}}nav[_ngcontent-ng-c4086923816]   a.active.second[_ngcontent-ng-c4086923816]   span.sub-menu-icon[_ngcontent-ng-c4086923816], nav[_ngcontent-ng-c4086923816]   a[_ngcontent-ng-c4086923816]:hover.second   span.sub-menu-icon[_ngcontent-ng-c4086923816], nav[_ngcontent-ng-c4086923816]   a[_ngcontent-ng-c4086923816]:has(+.sub-menu-wrap.active).second   span.sub-menu-icon[_ngcontent-ng-c4086923816]{transform:rotate(0)}@media only screen and (min-width:960px){nav[_ngcontent-ng-c4086923816]   a.active.second[_ngcontent-ng-c4086923816]   span.sub-menu-icon[_ngcontent-ng-c4086923816], nav[_ngcontent-ng-c4086923816]   a[_ngcontent-ng-c4086923816]:hover.second   span.sub-menu-icon[_ngcontent-ng-c4086923816], nav[_ngcontent-ng-c4086923816]   a[_ngcontent-ng-c4086923816]:has(+.sub-menu-wrap.active).second   span.sub-menu-icon[_ngcontent-ng-c4086923816]{transform:rotate(-90deg)}}nav[_ngcontent-ng-c4086923816]   a[_ngcontent-ng-c4086923816]:has(+.third-layer-wrap.active){color:var(--okto-blue)}nav[_ngcontent-ng-c4086923816]   a[_ngcontent-ng-c4086923816]:has(+.third-layer-wrap.active).second   span.sub-menu-icon[_ngcontent-ng-c4086923816]{transform:rotate(0)}@media only screen and (min-width:960px){nav[_ngcontent-ng-c4086923816]   a[_ngcontent-ng-c4086923816]:has(+.third-layer-wrap.active).second   span.sub-menu-icon[_ngcontent-ng-c4086923816]{transform:rotate(-90deg)}}nav[_ngcontent-ng-c4086923816]   a.first[_ngcontent-ng-c4086923816]{padding:10px;font-family:OktoPOSBook-Bold,Verdana,sans-serif;height:auto}@media only screen and (min-width:768px)and (max-width:959px){nav[_ngcontent-ng-c4086923816]   a.first[_ngcontent-ng-c4086923816]{font-size:13px;padding:10px 6px}}@media only screen and (min-width:768px)and (max-width:859px){nav[_ngcontent-ng-c4086923816]   a.first[_ngcontent-ng-c4086923816]{font-size:12px;padding:10px 2px}}@media only screen and (min-width:960px){nav[_ngcontent-ng-c4086923816]   a.first[_ngcontent-ng-c4086923816]{height:66px;padding:0 6px;font-size:13px}}@media only screen and (min-width:1100px){nav[_ngcontent-ng-c4086923816]   a.first[_ngcontent-ng-c4086923816]{font-size:14px}}@media only screen and (min-width:1280px){nav[_ngcontent-ng-c4086923816]   a.first[_ngcontent-ng-c4086923816]{padding:0 8px}}
11@media only screen and (min-width:1400px){nav[_ngcontent-ng-c4086923816]   a.first[_ngcontent-ng-c4086923816]{font-size:16px}}@media only screen and (min-width:1024px)and (max-width:1099px){nav[_ngcontent-ng-c4086923816]   a.first[_ngcontent-ng-c4086923816]{font-size:12px;padding:0 2px}}@media only screen and (min-width:1100px)and (max-width:1279px){nav[_ngcontent-ng-c4086923816]   a.first[_ngcontent-ng-c4086923816]{padding:0 3px}nav[_ngcontent-ng-c4086923816]   a.first[_ngcontent-ng-c4086923816]   span.sub-menu-icon[_ngcontent-ng-c4086923816]{padding:0 2px}}nav[_ngcontent-ng-c4086923816]   a.first[_ngcontent-ng-c4086923816] > span[_ngcontent-ng-c4086923816]:first-child{white-space:nowrap}@media only screen and (min-width:768px){nav[_ngcontent-ng-c4086923816]   a.first[_ngcontent-ng-c4086923816]   span.sub-menu-icon[_ngcontent-ng-c4086923816]{position:relative}nav[_ngcontent-ng-c4086923816]   a.first[_ngcontent-ng-c4086923816]   span.sub-menu-icon[_ngcontent-ng-c4086923816]:before{content:"";position:absolute;inset:-8px}}nav[_ngcontent-ng-c4086923816]   a.second[_ngcontent-ng-c4086923816]{padding:5px 15px}@media only screen and (min-width:960px){nav[_ngcontent-ng-c4086923816]   a.second[_ngcontent-ng-c4086923816]{padding:5px 30px}}nav[_ngcontent-ng-c4086923816]   div.second-layer.active[_ngcontent-ng-c4086923816]:first-child   a.second[_ngcontent-ng-c4086923816]{padding:5px 15px}@media only screen and (min-width:960px){nav[_ngcontent-ng-c4086923816]   div.second-layer.active[_ngcontent-ng-c4086923816]:first-child   a.second[_ngcontent-ng-c4086923816]{padding:10px 30px 5px}}nav[_ngcontent-ng-c4086923816]   div.second-layer.active[_ngcontent-ng-c4086923816]:last-child   a.second[_ngcontent-ng-c4086923816]{padding:5px 15px}@media only screen and (min-width:960px){nav[_ngcontent-ng-c4086923816]   div.second-layer.active[_ngcontent-ng-c4086923816]:last-child   a.second[_ngcontent-ng-c4086923816]{padding:5px 30px 20px}}nav[_ngcontent-ng-c4086923816]   a.third[_ngcontent-ng-c4086923816]{padding:5px 20px;font-size:18px}@media only screen and (min-width:960px){nav[_ngcontent-ng-c4086923816]   a.third[_ngcontent-ng-c4086923816]{padding:5px 30px}}nav[_ngcontent-ng-c4086923816]   div.third-layer.active[_ngcontent-ng-c4086923816]:first-child   a.third[_ngcontent-ng-c4086923816]{padding:10px 20px 5px}@media only screen and (min-width:960px){nav[_ngcontent-ng-c4086923816]   div.third-layer.active[_ngcontent-ng-c4086923816]:first-child   a.third[_ngcontent-ng-c4086923816]{padding:10px 30px 5px}}nav[_ngcontent-ng-c4086923816]   div.third-layer.active[_ngcontent-ng-c4086923816]:last-child   a.third[_ngcontent-ng-c4086923816]{padding:5px 20px 10px}@media only screen and (min-width:960px){nav[_ngcontent-ng-c4086923816]   div.third-layer.active[_ngcontent-ng-c4086923816]:last-child   a.third[_ngcontent-ng-c4086923816]{padding:5px 30px 10px}}nav[_ngcontent-ng-c4086923816]   .first-layer[_ngcontent-ng-c4086923816]:first-child{grid-area:one}nav[_ngcontent-ng-c4086923816]   .first-layer[_ngcontent-ng-c4086923816]:nth-of-type(2){grid-area:two}nav[_ngcontent-ng-c4086923816]   .first-layer[_ngcontent-ng-c4086923816]:nth-of-type(3){grid-area:three}nav[_ngcontent-ng-c4086923816]   .first-layer[_ngcontent-ng-c4086923816]:nth-of-type(4){grid-area:four}nav[_ngcontent-ng-c4086923816]   .first-layer[_ngcontent-ng-c4086923816]:nth-of-type(5){grid-area:five}nav[_ngcontent-ng-c4086923816]   .first-layer[_ngcontent-ng-c4086923816]:nth-of-type(6){grid-area:six}nav[_ngcontent-ng-c4086923816]   .first-layer[_ngcontent-ng-c4086923816]:nth-of-type(7){grid-area:seven}nav[_ngcontent-ng-c4086923816]   .first-layer[_ngcontent-ng-c4086923816]:nth-of-type(8){grid-area:eight}@media only screen and (min-width:768px)and (max-width:959px){nav[_ngcontent-ng-c4086923816]   .first-layer[_ngcontent-ng-c4086923816]:nth-of-type(n+5)   .sub-menu-wrap[_ngcontent-ng-c4086923816]{left:auto;right:10px}}nav[_ngcontent-ng-c4086923816]   .first-layer[_ngcontent-ng-c4086923816]   .sub-menu-wrap[_ngcontent-ng-c4086923816]{position:relative;width:auto;height:auto;transform:scaleY(0);transform-origin:top;transition:.1s transform ease-in-out;grid-area:sub;background:#fff;border-radius:0;border:none;box-shadow:none}@media only screen and (min-width:768px){nav[_ngcontent-ng-c4086923816]   .first-layer[_ngcontent-ng-c4086923816]   .sub-menu
11-wrap[_ngcontent-ng-c4086923816]{position:fixed;width:315px;border-radius:0 0 5px 5px;border-right:1px solid #ddd;border-left:1px solid #ddd;border-bottom:1px solid #ddd;box-shadow:5px 5px 5px #0000001a}}nav[_ngcontent-ng-c4086923816]   .first-layer[_ngcontent-ng-c4086923816]   .sub-menu-wrap.active[_ngcontent-ng-c4086923816]{transform:scaleY(1)}nav[_ngcontent-ng-c4086923816]   .first-layer[_ngcontent-ng-c4086923816]   .sub-menu-wrap[_ngcontent-ng-c4086923816]   .third-layer-wrap[_ngcontent-ng-c4086923816]{position:relative;top:0;border-radius:0 0 5px 5px;height:auto;width:auto;transform:scaleY(0);transform-origin:top;transition:.1s transform ease-in-out;overflow:hidden;background-color:#f2f2f2;border:none;box-shadow:none}@media only screen and (min-width:960px){nav[_ngcontent-ng-c4086923816]   .first-layer[_ngcontent-ng-c4086923816]   .sub-menu-wrap[_ngcontent-ng-c4086923816]   .third-layer-wrap[_ngcontent-ng-c4086923816]{position:absolute;width:300px;right:-300px;border-radius:0 0 5px;background-color:#fff;box-shadow:5px 5px 5px #0000001a;border-right:1px solid #ddd;border-left:1px solid #ddd;border-bottom:1px solid #ddd}}nav[_ngcontent-ng-c4086923816]   .first-layer[_ngcontent-ng-c4086923816]   .sub-menu-wrap[_ngcontent-ng-c4086923816]   .third-layer-wrap.active[_ngcontent-ng-c4086923816]{transform:scaleY(1);min-height:100%}nav[_ngcontent-ng-c4086923816]   .first-layer[_ngcontent-ng-c4086923816]   .sub-menu-wrap[_ngcontent-ng-c4086923816]   .second-layer[_ngcontent-ng-c4086923816], nav[_ngcontent-ng-c4086923816]   .first-layer[_ngcontent-ng-c4086923816]   .sub-menu-wrap[_ngcontent-ng-c4086923816]   .third-layer[_ngcontent-ng-c4086923816]{display:none}nav[_ngcontent-ng-c4086923816]   .first-layer[_ngcontent-ng-c4086923816]   .sub-menu-wrap[_ngcontent-ng-c4086923816]   .second-layer.active[_ngcontent-ng-c4086923816], nav[_ngcontent-ng-c4086923816]   .first-layer[_ngcontent-ng-c4086923816]   .sub-menu-wrap[_ngcontent-ng-c4086923816]   .second-layer.url-active[_ngcontent-ng-c4086923816], nav[_ngcontent-ng-c4086923816]   .first-layer[_ngcontent-ng-c4086923816]   .sub-menu-wrap[_ngcontent-ng-c4086923816]   .third-layer.active[_ngcontent-ng-c4086923816], nav[_ngcontent-ng-c4086923816]   .first-layer[_ngcontent-ng-c4086923816]   .sub-menu-wrap[_ngcontent-ng-c4086923816]   .third-layer.url-active[_ngcontent-ng-c4086923816]{display:block}nav[_ngcontent-ng-c4086923816]   .logo-eintraege[_ngcontent-ng-c4086923816]{border-top:1px solid #f2f2f2;margin-top:10px;padding:10px 0}@media only screen and (min-width:768px){nav[_ngcontent-ng-c4086923816]   .logo-eintraege[_ngcontent-ng-c4086923816]{display:none}}</style><style ng-app-id="ng">.nur-handel[_ngcontent-ng-c4086923816]{display:none}html[data-branche-wahl=einzelhandel][_nghost-ng-c4086923816]   .nur-handel[_ngcontent-ng-c4086923816], html[data-branche-wahl=einzelhandel]   [_nghost-ng-c4086923816]   .nur-handel[_ngcontent-ng-c4086923816]{display:inline}html[data-branche-wahl=einzelhandel][_nghost-ng-c4086923816]   [data-branche=gastronomie][_ngcontent-ng-c4086923816], html[data-branche-wahl=einzelhandel]   [_nghost-ng-c4086923816]   [data-branche=gastronomie][_ngcontent-ng-c4086923816]{display:none!important}</style><style ng-app-id="ng">@charset "UTF-8";[_nghost-ng-c1014936078]{display:flex;align-items:center;height:35px}.search-trigger[_ngcontent-ng-c1014936078]{background-color:var(--white);border:none;border-radius:5px;cursor:pointer;height:35px;padding:2px 6px;display:flex;align-items:center;color:#555}.search-trigger[_ngcontent-ng-c1014936078]   svg[_ngcontent-ng-c1014936078]{width:26px;height:26px;display:block}.search-trigger[_ngcontent-ng-c1014936078]:hover:enabled, .search-trigger.active[_ngcontent-ng-c1014936078]{background-color:var(--white);color:var(--okto-blue)}.search-trigger[_ngcontent-ng-c1014936078]:focus-visible{outline:3px solid var(--okto-blue);outline-offset:2px}.search-backdrop[_ngcontent-ng-c1014936078]{position:absolute;left:0;right:0;top:100%;height:100vh;background:#0000002e;z-index:-1}.search-panel[_ngcontent-ng-c1014936078]{position:absolute;left:0;right:0;top:100%;z-index:-1;background:var(--white);border-bottom:1px solid #dfe3e6;box-shadow:inset 0 6px 7px -5px #00000047;max-height:calc(100vh - 90px);overflow:auto;font-family:OktoPOSBook-Regular,Verdana,sans-serif;text-align:left}@media(prefers-reduced-motion:no-preference){.search-panel[_ngcontent-ng-c1014936078]{animation:search-in .12s ease-out}}@keyframes _ngcontent-ng-c1014936078_search-in{0%{opacity:0}
11to{opacity:1}}.search-inner[_ngcontent-ng-c1014936078]{box-sizing:border-box;max-width:1280px;margin:0 auto;padding:1.75rem 2rem 2.25rem}.search-topline[_ngcontent-ng-c1014936078]{display:flex;align-items:center;gap:8px}@media only screen and (min-width:768px){.search-topline[_ngcontent-ng-c1014936078]{gap:12px}}.search-field[_ngcontent-ng-c1014936078]{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:12px;border:2px solid var(--okto-blue);border-radius:5px;height:50px;padding:0 14px;background:var(--white)}@media only screen and (min-width:768px){.search-field[_ngcontent-ng-c1014936078]{height:56px;gap:14px}}.search-field[_ngcontent-ng-c1014936078]   svg[_ngcontent-ng-c1014936078]{width:26px;height:26px;color:var(--okto-blue);flex:0 0 auto}.search-field[_ngcontent-ng-c1014936078]   input[_ngcontent-ng-c1014936078]{flex:1 1 auto;min-width:0;border:none;outline:none;background:transparent;font-family:OktoPOSBook-Regular,Verdana,sans-serif;font-size:18px;color:var(--black);margin:0;padding:0}@media only screen and (min-width:768px){.search-field[_ngcontent-ng-c1014936078]   input[_ngcontent-ng-c1014936078]{font-size:22px}}.search-field[_ngcontent-ng-c1014936078]   input[_ngcontent-ng-c1014936078]::placeholder{color:#9aa1a8}.search-field[_ngcontent-ng-c1014936078]   input[_ngcontent-ng-c1014936078]::-webkit-search-cancel-button{appearance:none}.search-close[_ngcontent-ng-c1014936078]{flex:0 0 auto;border:none;background:none;cursor:pointer;color:var(--dark-grey);font-size:30px;line-height:1;padding:4px 8px}.search-close[_ngcontent-ng-c1014936078]:hover:enabled{background:none;color:var(--okto-blue)}.search-examples[_ngcontent-ng-c1014936078]{font-size:14px;color:var(--dark-grey);margin:10px 0 0;font-family:OktoPOSBook-Regular,Verdana,sans-serif}.search-examples[_ngcontent-ng-c1014936078]   .search-example[_ngcontent-ng-c1014936078]{border:none;background:none;padding:0;font:inherit;color:var(--okto-blue);cursor:pointer;height:auto}.search-examples[_ngcontent-ng-c1014936078]   .search-example[_ngcontent-ng-c1014936078]:hover:enabled{background:none;color:var(--okto-blue);text-decoration:underline}.search-count[_ngcontent-ng-c1014936078]{font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--okto-blue);margin:26px 0 8px}.search-none[_ngcontent-ng-c1014936078]{font-size:18px;color:var(--dark-grey);margin:26px 0 0}.search-none[_ngcontent-ng-c1014936078]   b[_ngcontent-ng-c1014936078]{font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-weight:400}.search-group[_ngcontent-ng-c1014936078]{margin:18px 0 0}.search-group[_ngcontent-ng-c1014936078]   .search-group-name[_ngcontent-ng-c1014936078]{font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--dark-grey);border-top:1px solid #dfe3e6;padding:14px 0 4px;margin:0}.search-hit[_ngcontent-ng-c1014936078]{display:block;text-decoration:none;color:inherit;padding:12px;border-top:1px solid #dfe3e6;font-family:OktoPOSBook-Regular,Verdana,sans-serif}.search-group-name[_ngcontent-ng-c1014936078] + .search-hit[_ngcontent-ng-c1014936078]{border-top:none}.search-hit[_ngcontent-ng-c1014936078]:hover, .search-hit[_ngcontent-ng-c1014936078]:focus-visible{background:#f5f6f8;outline:none}.search-hit[_ngcontent-ng-c1014936078]   span[_ngcontent-ng-c1014936078]{display:block}.search-hit[_ngcontent-ng-c1014936078]   .search-path[_ngcontent-ng-c1014936078]{font-size:13px;color:var(--dark-grey);margin:0 0 2px}.search-hit[_ngcontent-ng-c1014936078]   .search-title[_ngcontent-ng-c1014936078]{font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-size:19px;color:var(--okto-blue);line-height:1.3}.search-hit[_ngcontent-ng-c1014936078]   .search-text[_ngcontent-ng-c1014936078]{font-size:15.5px;color:var(--dark-grey);margin:3px 0 0;line-height:1.45}[_nghost-ng-c1014936078]     mark{background:#fff3b0;color:inherit;padding:0 1px;border-radius:2px}.search-more[_ngcontent-ng-c1014936078]{margin:18px 0 0}.search-more[_ngcontent-ng-c1014936078]   button[_ngcontent-ng-c1014936078]{height:44px;padding:0 20px;border-radius:5px;border:none;background:var(--okto-blue);color:var(--white);font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-size:16px;cursor:pointer}.search-more[_ngcontent-ng-c1014936078]   button[_ngcontent-ng-c1014936078]:hover{background:var(--dark-blue)}</style><style ng-app-id="ng">section[_ngcontent-ng-c3942840317]{height:auto}@media only screen and (min-width:768px){section[_ngcontent-ng-c3942840317]{height:35px}}section#filterArea[_ngcontent-ng-c3942840317]{position:fixed;top:66px;width:100%;background-color:#ededed;color:#000;z-index:999999;transition:transform .25s ease-in-out}@media(prefers-reduced-motion:reduce){section#filterArea[_ngcontent-ng-c3942840317]{transition:none}}section#filterArea[_ngcontent-ng-c3942840317]   div.sitemap-location[_ngcontent-ng-c3942840317]{font-size:12px;padding:5px 20px}@media only screen and (min-width:768px){section#filterArea[_ngcontent-ng-c3942840317]   div.sitemap-location[_ngcontent-ng-c3942840317]{padding:10px 40px}}section#filterArea[_ngcontent-ng-c3942840317]   div[_ngcontent-ng-c3942840317]   form[_ngcontent-ng-c3942840317]   input.filter[_ngcontent-ng-c3942840317], section#filterArea[_ngcontent-ng-c3942840317]   div[_ngcontent-ng-c3942840317]   form[_ngcontent-ng-c3942840317]   button.filter[_ngcontent-ng-c3942840317]{height:40px}section#filterArea[_ngcontent-ng-c3942840317]   div[_ngcontent-ng-c3942840317]   form[_ngcontent-ng-c3942840317]   input.filter[_ngcontent-ng-c3942840317]{width:94%;margin:0;border-radius:5px 5px 0 0}@media only screen and (min-width:1300px){section#filterArea[_ngcontent-ng-c3942840317]   div[_ngcontent-ng-c3942840317]   form[_ngcontent-ng-c3942840317]   input.filter[_ngcontent-ng-c3942840317]{width:90%;margin:0 2%;border-radius:5px}}section#filterArea[_ngcontent-ng-c3942840317]   div[_ngcontent-ng-c3942840317]   form[_ngcontent-ng-c3942840317]   button.filter[_ngcontent-ng-c3942840317]{border-radius:0 0 5px 5px;margin-bottom:10px}@media only screen and (min-width:1300px){section#filterArea[_ngcontent-ng-c3942840317]   div[_ngcontent-ng-c3942840317]   form[_ngcontent-ng-c3942840317]   button.filter[_ngcontent-ng-c3942840317]{border-radius:5px;margin-bottom:0}}section#filterArea[_ngcontent-ng-c3942840317]   #progressBarContainer[_ngcontent-ng-c3942840317]{width:100%;height:0;transition:.2s height ease-in-out;position:relative;z-index:999999}section#filterArea[_ngcontent-ng-c3942840317]   #progressBarContainer.scroll-progress-container[_ngcontent-ng-c3942840317]{width:100%;height:4px;background-color:#bbb}section#filterArea[_ngcontent-ng-c3942840317]   #progressBarContainer[_ngcontent-ng-c3942840317]   .progress-bar[_ng
11content-ng-c3942840317]{width:0;height:4px;background:var(--okto-blue)}header.kopf-weg[_nghost-ng-c3942840317]   section#filterArea[_ngcontent-ng-c3942840317], header.kopf-weg   [_nghost-ng-c3942840317]   section#filterArea[_ngcontent-ng-c3942840317]{transform:translateY(calc(-100% - 74px))}</style><style ng-app-id="ng">[_nghost-ng-c1287347630]{position:fixed;top:calc(var(--branchen-oben, 101px) + 8px);right:2%;z-index:9999998;max-width:96%;font-family:OktoPOSBook-Regular,Verdana,sans-serif;color:var(--darker-grey);transition:transform .25s ease-in-out}@media(prefers-reduced-motion:reduce){[_nghost-ng-c1287347630]{transition:none}}@media only screen and (min-width:1280px){[_nghost-ng-c1287347630]{right:70px}}header.kopf-weg[_nghost-ng-c1287347630], header.kopf-weg   [_nghost-ng-c1287347630]{transform:translateY(calc(-100% - var(--branchen-oben, 101px) - 16px))}header.kopf-weg.kopf-rest[_nghost-ng-c1287347630], header.kopf-weg.kopf-rest   [_nghost-ng-c1287347630]{transform:translateY(calc(var(--kopf-versatz, 0px) - var(--branchen-zeile, 0px)))}button[_ngcontent-ng-c1287347630]{font:inherit;cursor:pointer}button[_ngcontent-ng-c1287347630]:focus-visible{outline:3px solid var(--okto-blue);outline-offset:2px}.symbol[_ngcontent-ng-c1287347630]{display:flex;color:var(--okto-blue)}.auswahl[_ngcontent-ng-c1287347630]{position:relative;display:flex;flex-direction:column;align-items:flex-end}.knopf[_ngcontent-ng-c1287347630]{display:flex;align-items:center;gap:8px;height:44px;box-sizing:border-box;padding:0 14px 0 12px;border:1px solid var(--okto-blue);border-radius:22px;background-color:var(--white);box-shadow:0 4px 14px #00142a24;color:var(--darker-grey);font-size:14px;line-height:1;white-space:nowrap}.knopf[_ngcontent-ng-c1287347630]   .symbol[_ngcontent-ng-c1287347630]{font-size:18px}.knopf[_ngcontent-ng-c1287347630]   .name[_ngcontent-ng-c1287347630]{font-family:OktoPOSBook-Bold,Verdana,sans-serif}.knopf[_ngcontent-ng-c1287347630]   .vorsatz[_ngcontent-ng-c1287347630]{color:var(--dark-grey)}.knopf[_ngcontent-ng-c1287347630]   .pfeil[_ngcontent-ng-c1287347630]{display:flex;font-size:11px;color:var(--okto-blue);transition:transform .1s ease-in-out}.knopf[aria-expanded=true][_ngcontent-ng-c1287347630]   .pfeil[_ngcontent-ng-c1287347630]{transform:rotate(180deg)}.knopf[_ngcontent-ng-c1287347630]:hover{background-color:#e6f5fc;color:var(--okto-blue)}.knopf[_ngcontent-ng-c1287347630]:hover   .vorsatz[_ngcontent-ng-c1287347630]{color:var(--okto-blue)}.knopf.waehlen[_ngcontent-ng-c1287347630]{border-color:#0073a8;background-color:#0073a8;box-shadow:0 6px 18px #00142a38;color:var(--white);font-size:15px}.knopf.waehlen[_ngcontent-ng-c1287347630]   .symbol[_ngcontent-ng-c1287347630], .knopf.waehlen[_ngcontent-ng-c1287347630]   .pfeil[_ngcontent-ng-c1287347630]{color:var(--white)}.knopf.waehlen[_ngcontent-ng-c1287347630]:hover{background-color:#005f8b;color:var(--white)}@media only screen and (max-width:767px){.knopf[_ngcontent-ng-c1287347630]   .vorsatz[_ngcontent-ng-c1287347630]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}.menue[_ngcontent-ng-c1287347630]{position:absolute;top:calc(100% + 8px);right:0;box-sizing:border-box;width:300px;max-width:96vw;display:flex;flex-direction:column;gap:2px;padding:8px;border:1px solid #e2e5e8;border-radius:12px;background-color:var(--white);box-shadow:0 10px 30px #00142a33}.menue[_ngcontent-ng-c1287347630]   button[_ngcontent-ng-c1287347630]{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:var(--darker-grey);font-size:15px;text-align:left}
11.menue[_ngcontent-ng-c1287347630]   button[_ngcontent-ng-c1287347630]   .symbol[_ngcontent-ng-c1287347630]{font-size:20px}.menue[_ngcontent-ng-c1287347630]   button[_ngcontent-ng-c1287347630]   .name[_ngcontent-ng-c1287347630]{flex-grow:1}.menue[_ngcontent-ng-c1287347630]   button[_ngcontent-ng-c1287347630]:hover, .menue[_ngcontent-ng-c1287347630]   button[_ngcontent-ng-c1287347630]:focus-visible{background-color:#f2f4f6;color:var(--okto-blue)}.menue[_ngcontent-ng-c1287347630]   button[aria-checked=true][_ngcontent-ng-c1287347630]{background-color:#e6f5fc}.menue[_ngcontent-ng-c1287347630]   button[aria-checked=true][_ngcontent-ng-c1287347630]   .name[_ngcontent-ng-c1287347630]{font-family:OktoPOSBook-Bold,Verdana,sans-serif}.menue[_ngcontent-ng-c1287347630]   button[_ngcontent-ng-c1287347630]   .haken[_ngcontent-ng-c1287347630]{display:flex;font-size:16px;color:#0073a8}.menue[_ngcontent-ng-c1287347630]   button.alle[_ngcontent-ng-c1287347630]{min-height:56px}.menue[_ngcontent-ng-c1287347630]   button.alle[_ngcontent-ng-c1287347630]   .symbol[_ngcontent-ng-c1287347630]{color:var(--dark-grey)}.menue-titel[_ngcontent-ng-c1287347630]{padding:8px 12px 6px;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--dark-grey)}.trenner[_ngcontent-ng-c1287347630]{height:1px;margin:6px 4px;background-color:#e2e5e8}.zeilen[_ngcontent-ng-c1287347630]{display:flex;flex-direction:column;gap:2px}.klein[_ngcontent-ng-c1287347630]{font-size:12px;color:var(--dark-grey)}</style><style ng-app-id="ng">.bs-kopf[_ngcontent-ng-c2214147036]{padding-top:100px;background:#fff}.bildband[_ngcontent-ng-c2214147036]{position:relative;overflow:hidden;height:clamp(380px,50vw,680px);background:#f5f6f8}.bildband[_ngcontent-ng-c2214147036]   picture[_ngcontent-ng-c2214147036], .bildband[_ngcontent-ng-c2214147036]   img[_ngcontent-ng-c2214147036]{display:block;width:100%;height:100%;object-fit:cover;object-position:right center}.bildband[_ngcontent-ng-c2214147036]   .titel[_ngcontent-ng-c2214147036]{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:1}.bildband[_ngcontent-ng-c2214147036]   .titel[_ngcontent-ng-c2214147036]   .p-rl[_ngcontent-ng-c2214147036] > *[_ngcontent-ng-c2214147036]{max-width:620px}@media(min-width:1024px)and (max-width:1279px){.bildband[_ngcontent-ng-c2214147036]   .titel[_ngcontent-ng-c2214147036]   .p-rl[_ngcontent-ng-c2214147036] > *[_ngcontent-ng-c2214147036]{max-width:520px}}.bildband[_ngcontent-ng-c2214147036]   h1[_ngcontent-ng-c2214147036]{margin:0;line-height:1.1;font-size:34px}.bildband[_ngcontent-ng-c2214147036]   .headline-sub[_ngcontent-ng-c2214147036]{margin:6px 0 0;font-size:28px;line-height:1.15}@media(min-width:768px){.bildband[_ngcontent-ng-c2214147036]   h1[_ngcontent-ng-c2214147036]{font-size:44px}.bildband[_ngcontent-ng-c2214147036]   .headline-sub[_ngcontent-ng-c2214147036]{font-size:40px}}@media(min-width:1280px){.bildband[_ngcontent-ng-c2214147036]   h1[_ngcontent-ng-c2214147036]{font-size:50px}}@media(min-width:768px)and (max-width:1023px){.bildband[_ngcontent-ng-c2214147036]   .titel[_ngcontent-ng-c2214147036]   .p-rl[_ngcontent-ng-c2214147036] > *[_ngcontent-ng-c2214147036]{max-width:46vw}.bildband[_ngcontent-ng-c2214147036]   .su-eyebrow[_ngcontent-ng-c2214147036]{font-size:11px}.bildband[_ngcontent-ng-c2214147036]   h1[_ngcontent-ng-c2214147036]{font-size:clamp(30px,3.8vw,38px)}.bildband[_ngcontent-ng-c2214147036]   .headline-sub[_ngcontent-ng-c2214147036]{font-size:clamp(20px,2.6vw,26px)}}@media(max-width:767px){.bildband[_ngcontent-ng-c2214147036]{height:auto;background:linear-gradient(to bottom,#f5f6f8,#fff)}.bildband[_ngcontent-ng-c2214147036]   picture[_ngcontent-ng-c2214147036], .bildband[_ngcontent-ng-c2214147036]   img[_ngcontent-ng-c2214147036]{height:clamp(240px,56vw,520px)}.bildband[_ngcontent-ng-c2214147036]   .titel[_ngcontent-ng-c2214147036]{position:static;transform:none;padding:24px 0 8px}}.bildband[_ngcontent-ng-c2214147036]   .bild-einzelhandel[_ngcontent-ng-c2214147036]{display:none;object-position:right 30%}html[data-branche-wahl=einzelhandel][_nghost-ng-c2214147036]   .bildband[_ngcontent-ng-c2214147036]   .bild-standard[_ngcontent-ng-c2214147036], html[data-branche-wahl=einzelhandel]   [_nghost-ng-c2214147036]   .bildband[_ngcontent-ng-c2214147036]   .bild-standard[_ngcontent-ng-c2214147036]{display:none}html[data-branche-wahl=einzelhandel][_nghost-ng-c2214147036]   .bildband[_ngcontent-ng-c2214147036]   .bild-einzelhandel[_ngcontent-ng-c2214147036], html[data-branche-wahl=einzelhandel]   [_nghost-ng-c2214147036]   .bildband[_ngcontent-ng-c2214147036]   .bild-einzelhandel[_ngcontent-ng-c2214147036]{display:block}@media(min-width:768px){html[data-branche-wahl=einzelhandel][_nghost-ng-c2214147036]   .bildband[_ngcontent-ng-c2214147036], html[data-branche-wahl=einzelhandel]   [_nghost-ng-c2214147036]   .bildband[_ngcontent-ng-c2214147036]{height:max(380px,min(46vw,780px),30vw)}html[data-branche-wahl=einzelhandel][_nghost-ng-c2214147036]   .bildband[_ngcontent-ng-c2214147036]   .titel[_ngcontent-ng-c2214147036]   .p-rl[_ngcontent-ng-c2214147036] > *[_ngcontent-ng-c2214147036], html[data-branche-wahl=einzelhandel]   [_nghost-ng-c2214147036]   .bildband[_ngcontent-ng-c2214147036]   .titel[_ngcontent-ng-c2214147036]   .p-rl[_ngcontent-ng-c2214147036] >
11 *[_ngcontent-ng-c2214147036]{max-width:min(620px,45vw - max(40px,(100vw - 1280px) / 2 + 40px))}}@media(min-width:1024px){html[data-branche-wahl=einzelhandel][_nghost-ng-c2214147036]   .bildband[_ngcontent-ng-c2214147036]   .headline-sub[_ngcontent-ng-c2214147036], html[data-branche-wahl=einzelhandel]   [_nghost-ng-c2214147036]   .bildband[_ngcontent-ng-c2214147036]   .headline-sub[_ngcontent-ng-c2214147036]{font-size:clamp(28px,2.4vw,40px)}}@media(max-width:767px){.bildband[_ngcontent-ng-c2214147036]   .bild-einzelhandel[_ngcontent-ng-c2214147036]{object-position:right center}}.bs-satz[_ngcontent-ng-c2214147036]{padding-top:28px;padding-bottom:12px}.bs-satz[_ngcontent-ng-c2214147036]   .p-trbl[_ngcontent-ng-c2214147036]{padding-top:0}.bs-satz[_ngcontent-ng-c2214147036]   p[_ngcontent-ng-c2214147036]{max-width:900px}.nur-handel[_ngcontent-ng-c2214147036]{display:none}html[data-branche-wahl=einzelhandel][_nghost-ng-c2214147036]   .nur-handel[_ngcontent-ng-c2214147036], html[data-branche-wahl=einzelhandel]   [_nghost-ng-c2214147036]   .nur-handel[_ngcontent-ng-c2214147036]{display:block}html[data-branche-wahl=einzelhandel][_nghost-ng-c2214147036]   [data-branche=gastronomie][_ngcontent-ng-c2214147036], html[data-branche-wahl=einzelhandel]   [_nghost-ng-c2214147036]   [data-branche=gastronomie][_ngcontent-ng-c2214147036]{display:none!important}</style><style ng-app-id="ng">[_nghost-ng-c4152911043]{display:block;margin:4px 0 0;text-align:right;color:#000;font-size:11px;line-height:1.3;letter-spacing:.01em}.klein[_nghost-ng-c4152911043]{font-size:10px}.rand[_nghost-ng-c4152911043]{padding:0 16px}.hell[_nghost-ng-c4152911043]{color:#fff}.nur-schmal[_nghost-ng-c4152911043]{display:none}@media(max-width:767px){.nur-schmal[_nghost-ng-c4152911043]{display:block}.nur-breit[_nghost-ng-c4152911043]{display:none}}</style><style ng-app-id="ng">@charset "UTF-8";.ordertab-c[_ngcontent-ng-c1884117185]{background:#fff;color:var(--black)}.ordertab-c[_ngcontent-ng-c1884117185]   .kopf[_ngcontent-ng-c1884117185]{padding-top:64px;padding-bottom:24px}.ordertab-c[_ngcontent-ng-c1884117185]   .kopf[_ngcontent-ng-c1884117185]   .headline-sub[_ngcontent-ng-c1884117185]{margin-top:6px}.ordertab-c[_ngcontent-ng-c1884117185]   .einleitung[_ngcontent-ng-c1884117185]{max-width:820px;margin-top:26px}.ordertab-c[_ngcontent-ng-c1884117185]   .grau-text[_ngcontent-ng-c1884117185]{color:var(--dark-grey);font-size:18px}.ordertab-c[_ngcontent-ng-c1884117185]   .band[_ngcontent-ng-c1884117185]{padding:56px 0}.ordertab-c[_ngcontent-ng-c1884117185]   .band.weiss[_ngcontent-ng-c1884117185]{background:#fff}.ordertab-c[_ngcontent-ng-c1884117185]   .band.grau[_ngcontent-ng-c1884117185]{background:#f5f6f8}.ordertab-c[_ngcontent-ng-c1884117185]   .band.blau[_ngcontent-ng-c1884117185]{background:linear-gradient(to bottom,var(--okto-blue) 0%,var(--dark-blue) 70%);color:#fff}.ordertab-c[_ngcontent-ng-c1884117185]   .band.blau[_ngcontent-ng-c1884117185]   .main-title[_ngcontent-ng-c1884117185], .ordertab-c[_ngcontent-ng-c1884117185]   .band.blau[_ngcontent-ng-c1884117185]   .eyebrow[_ngcontent-ng-c1884117185], .ordertab-c[_ngcontent-ng-c1884117185]   .band.blau[_ngcontent-ng-c1884117185]   .grau-text[_ngcontent-ng-c1884117185], .ordertab-c[_ngcontent-ng-c1884117185]   .band.blau[_ngcontent-ng-c1884117185]   .bildunter[_ngcontent-ng-c1884117185]{color:#fff}.ordertab-c[_ngcontent-ng-c1884117185]   .band.blau[_ngcontent-ng-c1884117185]   .bildunter[_ngcontent-ng-c1884117185]{color:#dbe6f5}.ordertab-c[_ngcontent-ng-c1884117185]   .kopfzeile[_ngcontent-ng-c1884117185]{text-align:center;margin-bottom:14px}@media only screen and (min-width:960px){.ordertab-c[_ngcontent-ng-c1884117185]   .kopfzeile[_ngcontent-ng-c1884117185]{text-align:left}}.ordertab-c[_ngcontent-ng-c1884117185]   .info-icon[_ngcontent-ng-c1884117185]{display:block;line-height:1;color:var(--okto-blue)}.ordertab-c[_ngcontent-ng-c1884117185]   .info-icon[_ngcontent-ng-c1884117185]:after{font-size:96px}.ordertab-c[_ngcontent-ng-c1884117185]   .info-icon.weiss[_ngcontent-ng-c1884117185]{color:#fff}.ordertab-c[_ngcontent-ng-c1884117185]   .eyebrow[_ngcontent-ng-c1884117185]{font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--okto-blue);display:block;margin:16px 0 10px}.ordertab-c[_ngcontent-ng-c1884117185]   .main-title[_ngcontent-ng-c1884117185]{font-size:30px;margin:0}@media only screen and (min-width:768px){.ordertab-c[_ngcontent-ng-c1884117185]   .main-title[_ngcontent-ng-c1884117185]{font-size:40px}}.ordertab-c[_ngcontent-ng-c1884117185]   ul.hakenliste[_ngcontent-ng-c1884117185]{list-style:none;margin:22px 0 0;padding:0}.ordertab-c[_ngcontent-ng-c1884117185]   ul.hakenliste[_ngcontent-ng-c1884117185]   li[_ngcontent-ng-c1884117185]{position:relative;padding-left:36px;margin-bottom:12px;font-size:18px}.ordertab-c[_ngcontent-ng-c1884117185]   ul.hakenliste[_ngcontent-ng-c1884117185]   li[_ngcontent-ng-c1884117185]:before{content:"\e071";font-family:OktoPOSCash-Regular,sans-serif;position:absolute;
11left:0;top:2px;color:var(--okto-blue);font-size:20px}.ordertab-c[_ngcontent-ng-c1884117185]   .band.blau[_ngcontent-ng-c1884117185]   ul.hakenliste[_ngcontent-ng-c1884117185]   li[_ngcontent-ng-c1884117185]:before{color:#fff}.ordertab-c[_ngcontent-ng-c1884117185]   ul.hakenliste[_ngcontent-ng-c1884117185]   li.minus[_ngcontent-ng-c1884117185]{color:var(--dark-grey)}.ordertab-c[_ngcontent-ng-c1884117185]   ul.hakenliste[_ngcontent-ng-c1884117185]   li.minus[_ngcontent-ng-c1884117185]:before{content:"\2013";font-family:OktoPOSBook-Bold,Verdana,sans-serif;color:#b7bec5}.ordertab-c[_ngcontent-ng-c1884117185]   .medien[_ngcontent-ng-c1884117185]{width:100%;max-width:460px;margin:0 auto;aspect-ratio:3/2;background:#fff;border-radius:18px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #0000001a}.ordertab-c[_ngcontent-ng-c1884117185]   .band.blau[_ngcontent-ng-c1884117185]   .medien[_ngcontent-ng-c1884117185]{background:#0b1440;box-shadow:0 12px 34px #00000047}.ordertab-c[_ngcontent-ng-c1884117185]   .medien[_ngcontent-ng-c1884117185]   img[_ngcontent-ng-c1884117185], .ordertab-c[_ngcontent-ng-c1884117185]   .medien[_ngcontent-ng-c1884117185]   video[_ngcontent-ng-c1884117185]{display:block;width:100%;height:100%;object-fit:cover}.ordertab-c[_ngcontent-ng-c1884117185]   .medien[_ngcontent-ng-c1884117185]   picture[_ngcontent-ng-c1884117185]{display:block;width:100%;height:100%}.ordertab-c[_ngcontent-ng-c1884117185]   .medien.quadrat[_ngcontent-ng-c1884117185]{aspect-ratio:1/1;background:#0b1440;box-shadow:none}.ordertab-c[_ngcontent-ng-c1884117185]   .medien.quadrat[_ngcontent-ng-c1884117185]   video[_ngcontent-ng-c1884117185]{object-fit:contain}.ordertab-c[_ngcontent-ng-c1884117185]   .bildunter[_ngcontent-ng-c1884117185]{font-size:14px;color:var(--dark-grey);margin:12px auto 0;max-width:460px;text-align:center}@media(prefers-reduced-motion:reduce){.ordertab-c[_ngcontent-ng-c1884117185]   .medien.video[_ngcontent-ng-c1884117185]   video[_ngcontent-ng-c1884117185]{display:none}.ordertab-c[_ngcontent-ng-c1884117185]   .medien.video[_ngcontent-ng-c1884117185]{background-image:var(--poster);background-size:cover;background-position:center;background-repeat:no-repeat}}.ordertab-c[_ngcontent-ng-c1884117185]   .fin-box[_ngcontent-ng-c1884117185]{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;padding:10px 14px;margin-top:20px}.ordertab-c[_ngcontent-ng-c1884117185]   .fin-box[_ngcontent-ng-c1884117185]   img[_ngcontent-ng-c1884117185]{display:block;height:44px;width:auto}.ordertab-c[_ngcontent-ng-c1884117185]   a.mehr[_ngcontent-ng-c1884117185]{display:table;margin-top:18px;font-family:OktoPOSBook-Bold,Verdana,sans-serif;color:var(--okto-blue);text-decoration:none}.ordertab-c[_ngcontent-ng-c1884117185]   .band.blau[_ngcontent-ng-c1884117185]   a.mehr[_ngcontent-ng-c1884117185]{color:#fff}.ordertab-c[_ngcontent-ng-c1884117185]   a.mehr[_ngcontent-ng-c1884117185]   span[data-icon][_ngcontent-ng-c1884117185]:after{font-size:12px;margin-left:8px;display:inline-block}.ordertab-c[_ngcontent-ng-c1884117185]   .kette[_ngcontent-ng-c1884117185]{display:flex;align-items:stretch;flex-wrap:nowrap;margin-top:26px}.ordertab-c[_ngcontent-ng-c1884117185]   .knoten[_ngcontent-ng-c1884117185]{flex:1 1 0;min-width:0;text-align:center;padding:4px 2px}.ordertab-c[_ngcontent-ng-c1884117185]   .knoten[_ngcontent-ng-c1884117185]   .kreis[_ngcontent-ng-c1884117185]{width:52px;height:52px;margin:0 auto 9px;border-radius:50%;background:#f5f6f8;display:flex;align-items:center;justify-content:center}.ordertab-c[_ngcontent-ng-c1884117185]   .knoten[_ngcontent-ng-c1884117185]   .kreis[_ngcontent-ng-c1884117185]   span[_ngcontent-ng-c1884117185]:after{font-size:24px;color:var(--dark-grey)}.ordertab-c[_ngcontent-ng-c1884117185]   .knoten.on[_ngcontent-ng-c1884117185]   .kreis[_ngcontent-ng-c1884117185]{background:var(--okto-blue)}.ordertab-c[_ngcontent-ng-c1884117185]   .knoten.on[_ngcontent-ng-c1884117185]   .kreis[_ngcontent-ng-c1884117185]   span[_ngcontent-ng-c1884117185]:after{color:#fff}.ordertab-c[_ngcontent-ng-c1884117185]   .band.blau[_ngcontent-ng-c1884117185]   .knoten[_ngcontent-ng-c1884117185]   .kreis[_ngcontent-ng-c1884117185]{background:#ffffff29}.ordertab-c[_ngcontent-ng-c1884117185]   .band.blau[_ngcontent-ng-c1884117185]   .knoten[_ngcontent-ng-c1884117185]   .kreis[_ngcontent-ng-c1884117185]   span[_ngcontent-ng-c1884117185]:after{color:#dbe6f5}.ordertab-c[_ngcontent-ng-c1884117185]   .band.blau[_ngcontent-ng-c1884117185]   .knoten.on[_ngcontent-ng-c1884117185]   .kreis[_ngcontent-ng-c1884117185]{background:#fff}.ordertab-c[_ngcontent-ng-c1884117185]   .band.blau[_ngcontent-ng-c1884117185]   .knoten.on[_ngcontent-ng-c1884117185]   .kreis[_ngcontent-ng-c1884117185]   span[_ngcontent-ng-c1884117185]:after{color:var(--okto-blue)}.ordertab-c[_ngcontent-ng-c1884117185]   .knoten[_ngcontent-ng-c1884117185]   .lab[_ngcontent-ng-c1884117185]{font-size:13px;line-height:1.3;color:var(--dark-grey);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}.ordertab-c[_ngcontent-ng-c1884117185]   .knoten[_ngcontent-ng-c1884117185]   .lab[_ngcontent-ng-c1884117185]   b[_ngcontent-ng-c1884117185]{font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-weight:400;color:var(--black);display:block}.ordertab-c[_ngcontent-ng-c1884117185]   .knoten[_ngcontent-ng-c1884117185]   .lab[_ngcontent-ng-c1884117185]   span[_ngcontent-ng-c1884117185]{display:block}.ordertab-c[_ngcontent-ng-c1884117185]   .band.blau[_ngcontent-ng-c1884117185]   .knoten[_ngcontent-ng-c1884117185]   .lab[_ngcontent-ng-c1884117185]{color:#dbe6f5}.ordertab-c[_ngcontent-ng-c1884117185]   .band.blau[_ngcontent-ng-c1884117185]   .knoten[_ngcontent-ng-c1884117185]   .lab[_ngcontent-ng-c1884117185]   b[_ngcontent-ng-c1884117185]{color:#fff}.ordertab-c[_ngcontent-ng-c1884117185]   .pfeil[_ngcontent-ng-c1884117185]{flex:0 0 14px;display:flex;align-items:center;justify-content:center;color:#b7bec5;font-size:16px;padding-bottom:34px}.ordertab-c[_ngcontent-ng-c1884117185]   .band.blau[_ngcontent-ng-c1884117185]   .pfeil[_ngcontent-ng-c1884117185]{color:#ffffff80}@media only screen and (max-width:480px){.ordertab-c[_ngcontent-ng-c1884117185]   .knoten[_ngcontent-ng-c1884117185]   .kreis[_ngcontent-ng-c1884117185]{width:40px;height:40px}.ordertab-c[_ngcontent-ng-c1884117185]   .knoten[_ngcontent-ng-c1884117185]   .kreis[_ngcontent-ng-c1884117185]   span[_ngcontent-ng-c1884117185]:after{font-size:19px}.ordertab-c[_ngcontent-ng-c1884117185]   .knoten[_ngcontent-ng-c1884117185]{padding:4px 0}.ordertab-c[_ngcontent-ng-c1884117185]   .knoten[_ngcontent-ng-c1884117185]   .lab[_ngcontent-ng-c1884117185]{font-size:11px}.ordertab-c[_ngcontent-ng-c1884117185]   .knoten[_ngcontent-ng-c1884117185]   .lab[_ngcontent-ng-c1884117185]   b[_ngcontent-ng-c1884117185]{overflow-wrap:normal;-webkit-hyphens:none;hyphens:none}.ordertab-c[_ngcontent-ng-c1884117185]   .pfeil[_ngcontent-ng-c1884117185]{flex-basis:10px;font-size:13px}}.ordertab-c[_ngcontent-ng-c1884117185]   .barband[_ngcontent-ng-c1884117185]{background:#fff;border-top:1px solid #dfe3e6;border-bottom:1px solid #dfe3e6;padding:26px 0}.ordertab-c[_ngcontent-ng-c1884117185]   .barband[_ngcontent-ng-c1884117185]   .inner[_ngcontent-ng-c1884117185]{display:flex;gap:22px;align-items:center;justify-content:center;flex-wrap:wrap;padding:0 40px}.ordertab-c[_ngcontent-ng-c1884117185]   .barband[_ngcontent-ng-c1884117185]   span[data-icon][_ngcontent-ng-c1884117185]:after{font-size:44px;color:var(--okto-blue)}.ordertab-c[_ngcontent-ng-c1884117185]   .barband[_ngcontent-ng-c1884117185]   p[_ngcontent-ng-c1884117185]{margin:0;max-width:720px;font-size:18px}.ordertab-c[_ngcontent-ng-c1884117185]   .barband[_ngcontent-ng-c1884117185]   b[_ngcontent-ng-c1884117185]{font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-weight:400}.ordertab-c[_ngcontent-ng-c1884117185]   .klappbloecke[_ngcontent-ng-c1884117185]{padding-top:64px}.ordertab-c[_ngcontent-ng-c1884117185]   .klapp[_ngcontent-ng-c1884117185]{margin-top:16px}.ordertab-c[_ngcontent-ng-c1884117185]   .klapp-titel[_ngcontent-ng-c1884117185]{margin:0;font-size:inherit;color:inherit}.ordertab-c[_ngcontent-ng-c1884117185]   .klapp.klein[_ngcontent-ng-c1884117185]{margin-top:22px}.ordertab-c[_ngcontent-ng-c1884117185]   .klapp[_ngcontent-ng-c1884117185]   ul.spalten[_ngcontent-ng-c1884117185]{list-style:none;columns:2;column-gap:36px;margin:0 0 30px;padding:0}@media only screen and (max-width:640px){.ordertab-c[_ngcontent-ng-c1884117185]   .klapp[_ngcontent-ng-c1884117185]   ul.spalten[_ngcontent-ng-c1884117185]{columns:1}}.ordertab-c[_ngcontent-ng-c1884117185]   .klapp[_ngcontent-ng-c1884117185]   ul.spalten[_ngcontent-ng-c1884117185]   li[_ngcontent-ng-c1884117185]{padding-left:26px;position:relative;margin-bottom:9px;font-size:17px;break-inside:avoid}.ordertab-c[_ngcontent-ng-c1884117185]   .klapp[_ngcontent-ng-c1884117185]   ul.spalten[_ngcontent-ng-c1884117185]   li[_ngcontent-ng-c1884117185]:before{content:"";position:absolute;
11left:6px;top:11px;width:6px;height:6px;border-radius:50%;background:var(--okto-blue)}.ordertab-c[_ngcontent-ng-c1884117185]   .hidden-overflow[_ngcontent-ng-c1884117185]{display:grid;grid-template-rows:1fr;visibility:visible;overflow:hidden;transition:grid-template-rows .5s ease-out,visibility .5s ease-out}.ordertab-c[_ngcontent-ng-c1884117185]   .hidden-overflow[_ngcontent-ng-c1884117185] > *[_ngcontent-ng-c1884117185]{min-height:0}.ordertab-c[_ngcontent-ng-c1884117185]   .hidden-overflow.collapsed[_ngcontent-ng-c1884117185]{grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .5s ease-in,visibility .5s ease-in}.ordertab-c[_ngcontent-ng-c1884117185]   .klapp.klein[_ngcontent-ng-c1884117185]   .hidden-overflow[_ngcontent-ng-c1884117185] > *[_ngcontent-ng-c1884117185]{padding-bottom:10px}.ordertab-c[_ngcontent-ng-c1884117185]   .vergleich[_ngcontent-ng-c1884117185]{overflow-x:auto;padding-bottom:30px}.ordertab-c[_ngcontent-ng-c1884117185]   .vergleich[_ngcontent-ng-c1884117185]   table[_ngcontent-ng-c1884117185]{border-collapse:collapse;width:100%;min-width:720px;font-size:16px}.ordertab-c[_ngcontent-ng-c1884117185]   .vergleich[_ngcontent-ng-c1884117185]   th[_ngcontent-ng-c1884117185], .ordertab-c[_ngcontent-ng-c1884117185]   .vergleich[_ngcontent-ng-c1884117185]   td[_ngcontent-ng-c1884117185]{text-align:left;padding:14px 16px;border-bottom:1px solid #e8ebee;vertical-align:top}.ordertab-c[_ngcontent-ng-c1884117185]   .vergleich[_ngcontent-ng-c1884117185]   thead[_ngcontent-ng-c1884117185]   th[_ngcontent-ng-c1884117185]{font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-weight:400;font-size:15px;border-bottom:2px solid var(--okto-blue)}.ordertab-c[_ngcontent-ng-c1884117185]   .vergleich[_ngcontent-ng-c1884117185]   thead[_ngcontent-ng-c1884117185]   th.b[_ngcontent-ng-c1884117185]{color:var(--okto-blue)}.ordertab-c[_ngcontent-ng-c1884117185]   .vergleich[_ngcontent-ng-c1884117185]   tbody[_ngcontent-ng-c1884117185]   th[_ngcontent-ng-c1884117185]{font-family:OktoPOSBook-Regular,Verdana,sans-serif;font-weight:400;color:var(--dark-grey);width:210px;position:sticky;left:0;background:#fff}.ordertab-c[_ngcontent-ng-c1884117185]   .vergleich[_ngcontent-ng-c1884117185]   td.nein[_ngcontent-ng-c1884117185]{color:var(--dark-grey)}.ordertab-c[_ngcontent-ng-c1884117185]   .sr[_ngcontent-ng-c1884117185]{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.ordertab-c[_ngcontent-ng-c1884117185]   .schema-text[_ngcontent-ng-c1884117185]{max-width:660px}.ordertab-c[_ngcontent-ng-c1884117185]   .schema[_ngcontent-ng-c1884117185]{max-width:480px;margin:20px 0 30px}.ordertab-c[_ngcontent-ng-c1884117185]   .schema[_ngcontent-ng-c1884117185]   img[_ngcontent-ng-c1884117185]{display:block;width:100%;height:auto}.ordertab-c[_ngcontent-ng-c1884117185]   .sys-req-card[_ngcontent-ng-c1884117185]{padding-bottom:30px}</style><style ng-app-id="ng">.selforder-neu[_ngcontent-ng-c2027969233]{background:#fff;color:var(--black);font-size:18px;line-height:1.5}.selforder-neu[_ngcontent-ng-c2027969233]   h2[_ngcontent-ng-c2027969233], .selforder-neu[_ngcontent-ng-c2027969233]   h3[_ngcontent-ng-c2027969233], .selforder-neu[_ngcontent-ng-c2027969233]   ul[_ngcontent-ng-c2027969233], .selforder-neu[_ngcontent-ng-c2027969233]   p[_ngcontent-ng-c2027969233]{margin:0;padding:0}.selforder-neu[_ngcontent-ng-c2027969233]   .barband[_ngcontent-ng-c2027969233]   b[_ngcontent-ng-c2027969233], .selforder-neu[_ngcontent-ng-c2027969233]   .schritt[_ngcontent-ng-c2027969233]   b[_ngcontent-ng-c2027969233], .selforder-neu[_ngcontent-ng-c2027969233]   .merkmal[_ngcontent-ng-c2027969233]   b[_ngcontent-ng-c2027969233]{font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-weight:400}.selforder-neu[_ngcontent-ng-c2027969233]   ul[_ngcontent-ng-c2027969233]{list-style:none}.selforder-neu[_ngcontent-ng-c2027969233]   p[_ngcontent-ng-c2027969233]{margin-bottom:16px}.selforder-neu[_ngcontent-ng-c2027969233]   .bildband[_ngcontent-ng-c2027969233]{position:relative;overflow:hidden;height:clamp(380px,50vw,680px);background:#222}.selforder-neu[_ngcontent-ng-c2027969233]   .bildband[_ngcontent-ng-c2027969233]   picture[_ngcontent-ng-c2027969233], .selforder-neu[_ngcontent-ng-c2027969233]   .bildband[_ngcontent-ng-c2027969233]   img[_ngcontent-ng-c2027969233]{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%}.selforder-neu[_ngcontent-ng-c2027969233]   .bildband[_ngcontent-ng-c2027969233]:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#000000b8,#00000061 40%,#0000 66%),linear-gradient(to right,#0000006b,#0000 58%)}.selforder-neu[_ngcontent-ng-c2027969233]   .bildband[_ngcontent-ng-c2027969233]   .titel[_ngcontent-ng-c2027969233]{position:absolute;
11left:0;right:0;bottom:0;z-index:1;padding-bottom:52px}.selforder-neu[_ngcontent-ng-c2027969233]   .bildband[_ngcontent-ng-c2027969233]   .titel[_ngcontent-ng-c2027969233]   .p-rl[_ngcontent-ng-c2027969233] > *[_ngcontent-ng-c2027969233]{max-width:640px}.selforder-neu[_ngcontent-ng-c2027969233]   .bildband[_ngcontent-ng-c2027969233]   h2[_ngcontent-ng-c2027969233], .selforder-neu[_ngcontent-ng-c2027969233]   .bildband[_ngcontent-ng-c2027969233]   .headline-sub[_ngcontent-ng-c2027969233]{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.35)}.selforder-neu[_ngcontent-ng-c2027969233]   .bildband[_ngcontent-ng-c2027969233]   .headline-sub[_ngcontent-ng-c2027969233]{margin-top:6px}@media(max-width:700px){.selforder-neu[_ngcontent-ng-c2027969233]   .bildband[_ngcontent-ng-c2027969233]{height:auto;background:#222}.selforder-neu[_ngcontent-ng-c2027969233]   .bildband[_ngcontent-ng-c2027969233]   picture[_ngcontent-ng-c2027969233], .selforder-neu[_ngcontent-ng-c2027969233]   .bildband[_ngcontent-ng-c2027969233]   img[_ngcontent-ng-c2027969233]{height:300px}.selforder-neu[_ngcontent-ng-c2027969233]   .bildband[_ngcontent-ng-c2027969233]   .titel[_ngcontent-ng-c2027969233]{padding-bottom:26px}}.selforder-neu[_ngcontent-ng-c2027969233]   h2[_ngcontent-ng-c2027969233]{font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-weight:400;color:var(--okto-blue);font-size:34px;line-height:1.1}.selforder-neu[_ngcontent-ng-c2027969233]   .headline-sub[_ngcontent-ng-c2027969233]{font-family:OktoPOSBook-Light,Verdana,sans-serif;font-size:28px;line-height:1.15}@media(min-width:768px){.selforder-neu[_ngcontent-ng-c2027969233]   h2[_ngcontent-ng-c2027969233]{font-size:44px}.selforder-neu[_ngcontent-ng-c2027969233]   .headline-sub[_ngcontent-ng-c2027969233], .selforder-neu[_ngcontent-ng-c2027969233]   h3.main-title[_ngcontent-ng-c2027969233]{font-size:40px}}@media(min-width:1280px){.selforder-neu[_ngcontent-ng-c2027969233]   h2[_ngcontent-ng-c2027969233]{font-size:50px}}.selforder-neu[_ngcontent-ng-c2027969233]   .einstieg[_ngcontent-ng-c2027969233]{padding-top:48px;padding-bottom:10px}.selforder-neu[_ngcontent-ng-c2027969233]   .einstieg[_ngcontent-ng-c2027969233]   p[_ngcontent-ng-c2027969233]{max-width:820px}.selforder-neu[_ngcontent-ng-c2027969233]   .grau-text[_ngcontent-ng-c2027969233]{color:var(--dark-grey)}.selforder-neu[_ngcontent-ng-c2027969233]   .band[_ngcontent-ng-c2027969233]{padding:56px 0}.selforder-neu[_ngcontent-ng-c2027969233]   .band.grau[_ngcontent-ng-c2027969233]{background:#f5f6f8}.selforder-neu[_ngcontent-ng-c2027969233]   .band.blau[_ngcontent-ng-c2027969233]{background:linear-gradient(to bottom,var(--okto-blue) 0%,var(--dark-blue) 70%);color:#fff}.selforder-neu[_ngcontent-ng-c2027969233]   .band.blau[_ngcontent-ng-c2027969233]   .main-title[_ngcontent-ng-c2027969233], .selforder-neu[_ngcontent-ng-c2027969233]   .band.blau[_ngcontent-ng-c2027969233]   .eyebrow[_ngcontent-ng-c2027969233], .selforder-neu[_ngcontent-ng-c2027969233]   .band.blau[_ngcontent-ng-c2027969233]   .grau-text[_ngcontent-ng-c2027969233], .selforder-neu[_ngcontent-ng-c2027969233]   .band.blau[_ngcontent-ng-c2027969233]   .info-icon[_ngcontent-ng-c2027969233]{color:#fff}.selforder-neu[_ngcontent-ng-c2027969233]   .grid-50[_ngcontent-ng-c2027969233]{display:grid;grid-template-columns:1fr;gap:38px;align-items:center}@media(min-width:960px){.selforder-neu[_ngcontent-ng-c2027969233]   .grid-50[_ngcontent-ng-c2027969233]{grid-template-columns:1fr 1fr;gap:64px}.selforder-neu[_ngcontent-ng-c2027969233]   .grid-50.gedreht[_ngcontent-ng-c2027969233]   .erst[_ngcontent-ng-c2027969233]{order:2}.selforder-neu[_ngcontent-ng-c2027969233]   .grid-50.gedreht[_ngcontent-ng-c2027969233]   .zweit[_ngcontent-ng-c2027969233]{order:1}.selforder-neu[_ngcontent-ng-c2027969233]   .kopfzeile[_ngcontent-ng-c2027969233]{text-align:left}}.selforder-neu[_ngcontent-ng-c2027969233]   .kopfzeile[_ngcontent-ng-c2027969233]{text-align:center;margin-bottom:14px}.selforder-neu[_ngcontent-ng-c2027969233]   .info-icon[_ngcontent-ng-c2027969233]{display:block;line-height:1;color:var(--okto-blue)}.selforder-neu[_ngcontent-ng-c2027969233]   .info-icon[_ngcontent-ng-c2027969233]:after{font-size:96px}.selforder-neu[_ngcontent-ng-c2027969233]   .eyebrow[_ngcontent-ng-c2027969233]{font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--okto-blue);display:block;margin:16px 0 10px}.selforder-neu[_ngcontent-ng-c2027969233]   h3.main-title[_ngcontent-ng-c2027969233]{font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-weight:400;color:var(--okto-blue);font-size:30px;line-height:1.15}.selforder-neu[_ngcontent-ng-c2027969233]   ul.hakenliste[_ngcontent-ng-c2027969233]{margin:22px 0 0}.selforder-neu[_ngcontent-ng-c2027969233]   ul.hakenliste[_ngcontent-ng-c2027969233]   li[_ngcontent-ng-c2027969233]{position:relative;padding-left:36px;margin-bottom:12px}.selforder-neu[_ngcontent-ng-c2027969233]   ul.hakenliste[_ngcontent-ng-c2027969233]   li[_ngcontent-ng-c2027969233]:before{content:"\e071";font-family:OktoPOSCash-Regular,sans-serif;position:absolute;
11left:0;top:2px;color:var(--okto-blue);font-size:20px}.selforder-neu[_ngcontent-ng-c2027969233]   .band.blau[_ngcontent-ng-c2027969233]   ul.hakenliste[_ngcontent-ng-c2027969233]   li[_ngcontent-ng-c2027969233]:before{color:#fff}.selforder-neu[_ngcontent-ng-c2027969233]   .medien[_ngcontent-ng-c2027969233]{width:100%;max-width:460px;margin:0 auto;aspect-ratio:3/2;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px #0000001a}.selforder-neu[_ngcontent-ng-c2027969233]   .medien[_ngcontent-ng-c2027969233], .selforder-neu[_ngcontent-ng-c2027969233]   .barband[_ngcontent-ng-c2027969233]   .inner[_ngcontent-ng-c2027969233]{display:flex;align-items:center;justify-content:center}.selforder-neu[_ngcontent-ng-c2027969233]   .band.blau[_ngcontent-ng-c2027969233]   .medien[_ngcontent-ng-c2027969233]{background:#0b1440;box-shadow:0 12px 34px #00000047}.selforder-neu[_ngcontent-ng-c2027969233]   .medien[_ngcontent-ng-c2027969233]   picture[_ngcontent-ng-c2027969233], .selforder-neu[_ngcontent-ng-c2027969233]   .medien[_ngcontent-ng-c2027969233]   img[_ngcontent-ng-c2027969233], .selforder-neu[_ngcontent-ng-c2027969233]   .medien[_ngcontent-ng-c2027969233]   video[_ngcontent-ng-c2027969233]{display:block;width:100%;height:100%;object-fit:cover}.selforder-neu[_ngcontent-ng-c2027969233]   .grid-50[_ngcontent-ng-c2027969233] > *[_ngcontent-ng-c2027969233]{min-width:0}.selforder-neu[_ngcontent-ng-c2027969233]   .medien.frei[_ngcontent-ng-c2027969233], .selforder-neu[_ngcontent-ng-c2027969233]   .band.blau[_ngcontent-ng-c2027969233]   .medien.frei[_ngcontent-ng-c2027969233]{padding:16px;background:#fff;box-sizing:border-box}.selforder-neu[_ngcontent-ng-c2027969233]   .medien.frei[_ngcontent-ng-c2027969233]   img[_ngcontent-ng-c2027969233]{object-fit:contain;border-radius:0}.selforder-neu[_ngcontent-ng-c2027969233]   .ablauf-sichtbar[_ngcontent-ng-c2027969233]{max-width:520px;margin:0 auto}.selforder-neu[_ngcontent-ng-c2027969233]   .medien.geraet-box[_ngcontent-ng-c2027969233], .selforder-neu[_ngcontent-ng-c2027969233]   .band.blau[_ngcontent-ng-c2027969233]   .medien.geraet-box[_ngcontent-ng-c2027969233]{padding:18px;gap:18px;background:linear-gradient(180deg,#fff,#f5f6f8)}.selforder-neu[_ngcontent-ng-c2027969233]   .geraet-box[_ngcontent-ng-c2027969233]   .geraet[_ngcontent-ng-c2027969233]{height:100%;display:flex;min-width:0;background:#16181b;border-radius:18px;padding:7px;box-shadow:0 10px 26px #00000029;box-sizing:border-box}.selforder-neu[_ngcontent-ng-c2027969233]   .geraet-box[_ngcontent-ng-c2027969233]   .geraet[_ngcontent-ng-c2027969233]   img[_ngcontent-ng-c2027969233]{width:auto;height:100%;aspect-ratio:9/16;object-fit:cover;border-radius:12px}.selforder-neu[_ngcontent-ng-c2027969233]   .abschnittskopf[_ngcontent-ng-c2027969233]{text-align:center;margin-bottom:34px}.selforder-neu[_ngcontent-ng-c2027969233]   .abschnittskopf[_ngcontent-ng-c2027969233]   .eyebrow[_ngcontent-ng-c2027969233]{margin-top:0}.selforder-neu[_ngcontent-ng-c2027969233]   .bildunter[_ngcontent-ng-c2027969233]{font-size:14px;color:var(--dark-grey);margin:28px auto 0;text-align:center}.selforder-neu[_ngcontent-ng-c2027969233]   .szene[_ngcontent-ng-c2027969233]{position:relative;width:100%;max-width:460px;margin:0 auto;aspect-ratio:3/2;border-radius:18px;overflow:hidden;background:#dcdcdc;box-shadow:0 10px 30px #0000001a}.selforder-neu[_ngcontent-ng-c2027969233]   .szene[_ngcontent-ng-c2027969233]   picture[_ngcontent-ng-c2027969233], .selforder-neu[_ngcontent-ng-c2027969233]   .szene[_ngcontent-ng-c2027969233] > picture[_ngcontent-ng-c2027969233]   img[_ngcontent-ng-c2027969233]{display:block;width:100%;height:100%;object-fit:cover}.selforder-neu[_ngcontent-ng-c2027969233]   .szene[_ngcontent-ng-c2027969233]   .szene-film[_ngcontent-ng-c2027969233]{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.selforder-neu[_ngcontent-ng-c2027969233]   .szene[_ngcontent-ng-c2027969233]:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#0003,#0000 45%)}.selforder-neu[_ngcontent-ng-c2027969233]   .barband[_ngcontent-ng-c2027969233]{border-top:1px solid #dfe3e6;border-bottom:1px solid #dfe3e6;padding:26px 0}.selforder-neu[_ngcontent-ng-c2027969233]   .barband[_ngcontent-ng-c2027969233]   .inner[_ngcontent-ng-c2027969233]{gap:22px;flex-wrap:wrap;text-align:left}.selforder-neu[_ngcontent-ng-c2027969233]   .barband[_ngcontent-ng-c2027969233]   span[data-icon][_ngcontent-ng-c2027969233]:after{font-size:44px;color:var(--okto-blue)}.selforder-neu[_ngcontent-ng-c2027969233]   .barband[_ngcontent-ng-c2027969233]   p[_ngcontent-ng-c2027969233]{margin:0;max-width:720px;color:var(--black)}.selforder-neu[_ngcontent-ng-c2027969233]   .klappen[_ngcontent-ng-c2027969233]{padding-top:46px;padding-bottom:10px}.selforder-neu[_ngcontent-ng-c2027969233]   .klapp[_ngcontent-ng-c2027969233]{margin-top:16px}.selforder-neu[_ngcontent-ng-c2027969233]   .klapp[_ngcontent-ng-c2027969233]   h3.klapp-titel[_ngcontent-ng-c2027969233]{font:inherit;color:inherit}.selforder-neu[_ngcontent-ng-c2027969233]   .klapp[_ngcontent-ng-c2027969233]   button[_ngcontent-ng-c2027969233]:focus-visible{outline:3px solid var(--okto-blue);outline-offset:3px}.selforder-neu[_ngcontent-ng-c2027969233]   [_ngcontent-ng-c2027969233]:not(.klapp-knopf) > .chev[_ngcontent-ng-c2027969233]:after{font-size:15px;color:var(--okto-blue)}.selforder-neu[_ngcontent-ng-c2027969233]   .klapp[_ngcontent-ng-c2027969233]   .inhalt[hidden][_ngcontent-ng-c2027969233]{display:none}.selforder-neu[_ngcontent-ng-c2027969233]   .klapp[_ngcontent-ng-c2027969233]   .inhalt-innen[_ngcontent-ng-c2027969233]{padding:0 0 30px}.selforder-neu[_ngcontent-ng-c2027969233]   .band[_ngcontent-ng-c2027969233]   .klapp[_ngcontent-ng-c2027969233]{margin-top:44px}.selforder-neu[_ngcontent-ng-c2027969233]   .band[_ngcontent-ng-c2027969233]   .klapp[_ngcontent-ng-c2027969233]:first-child{margin-top:0}
11.selforder-neu[_ngcontent-ng-c2027969233]   .kette-notiz[_ngcontent-ng-c2027969233]{font-size:15px;color:var(--dark-grey);margin:20px 0 0}.selforder-neu[_ngcontent-ng-c2027969233]   .inhalt-innen[_ngcontent-ng-c2027969233] > div[app-so-kette][_ngcontent-ng-c2027969233] + div[app-so-kette][_ngcontent-ng-c2027969233]{margin-top:34px}.selforder-neu[_ngcontent-ng-c2027969233]   .klapp-ende[_ngcontent-ng-c2027969233]{padding-bottom:44px}.selforder-neu[_ngcontent-ng-c2027969233]   .klapp[_ngcontent-ng-c2027969233]   ul.spalten[_ngcontent-ng-c2027969233]{columns:2;column-gap:36px}@media(max-width:640px){.selforder-neu[_ngcontent-ng-c2027969233]   .klapp[_ngcontent-ng-c2027969233]   ul.spalten[_ngcontent-ng-c2027969233]{columns:1}}.selforder-neu[_ngcontent-ng-c2027969233]   .klapp[_ngcontent-ng-c2027969233]   ul.spalten[_ngcontent-ng-c2027969233]   li[_ngcontent-ng-c2027969233]{padding-left:26px;position:relative;margin-bottom:9px;font-size:17px;break-inside:avoid}.selforder-neu[_ngcontent-ng-c2027969233]   .klapp[_ngcontent-ng-c2027969233]   ul.spalten[_ngcontent-ng-c2027969233]   li[_ngcontent-ng-c2027969233]:before{content:"";position:absolute;left:6px;top:11px;width:6px;height:6px;border-radius:50%;background:var(--okto-blue)}.selforder-neu[_ngcontent-ng-c2027969233]   .schritte[_ngcontent-ng-c2027969233]{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}@media(max-width:900px){.selforder-neu[_ngcontent-ng-c2027969233]   .schritte[_ngcontent-ng-c2027969233]{grid-template-columns:1fr 1fr}}@media(max-width:560px){.selforder-neu[_ngcontent-ng-c2027969233]   .schritte[_ngcontent-ng-c2027969233]{grid-template-columns:1fr}}.selforder-neu[_ngcontent-ng-c2027969233]   .schritt[_ngcontent-ng-c2027969233]   picture[_ngcontent-ng-c2027969233], .selforder-neu[_ngcontent-ng-c2027969233]   .schritt[_ngcontent-ng-c2027969233]   img[_ngcontent-ng-c2027969233], .selforder-neu[_ngcontent-ng-c2027969233]   .schritt[_ngcontent-ng-c2027969233]   video[_ngcontent-ng-c2027969233]{display:block;width:100%;height:200px;object-fit:cover;border-radius:14px;background:var(--grey);box-shadow:0 8px 22px #0000001a}.selforder-neu[_ngcontent-ng-c2027969233]   .schritt[_ngcontent-ng-c2027969233]   video[_ngcontent-ng-c2027969233]{object-fit:contain}.selforder-neu[_ngcontent-ng-c2027969233]   .schritt[_ngcontent-ng-c2027969233]   p[_ngcontent-ng-c2027969233]{font-size:15px;line-height:1.4;color:var(--dark-grey);margin:12px 0 0}.selforder-neu[_ngcontent-ng-c2027969233]   .schritt[_ngcontent-ng-c2027969233]   p[_ngcontent-ng-c2027969233]   b[_ngcontent-ng-c2027969233]{color:var(--black);display:block}.selforder-neu[_ngcontent-ng-c2027969233]   .merkmale[_ngcontent-ng-c2027969233]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}@media(max-width:960px){.selforder-neu[_ngcontent-ng-c2027969233]   .merkmale[_ngcontent-ng-c2027969233]{grid-template-columns:1fr 1fr}}@media(max-width:600px){.selforder-neu[_ngcontent-ng-c2027969233]   .merkmale[_ngcontent-ng-c2027969233]{grid-template-columns:1fr}}.selforder-neu[_ngcontent-ng-c2027969233]   .merkmal[_ngcontent-ng-c2027969233]{display:flex;gap:16px;align-items:center;padding:18px 20px;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--okto-blue) 0%,var(--dark-blue) 140%)}.selforder-neu[_ngcontent-ng-c2027969233]   .merkmal[_ngcontent-ng-c2027969233]   span[data-icon][_ngcontent-ng-c2027969233]{flex:0 0 44px}.selforder-neu[_ngcontent-ng-c2027969233]   .merkmal[_ngcontent-ng-c2027969233]   span[data-icon][_ngcontent-ng-c2027969233]:after{font-size:40px;line-height:1;color:#fff}.selforder-neu[_ngcontent-ng-c2027969233]   .merkmal[_ngcontent-ng-c2027969233]   p[_ngcontent-ng-c2027969233]{font-size:15px;line-height:1.4;margin:0}.selforder-neu[_ngcontent-ng-c2027969233]   .merkmal[_ngcontent-ng-c2027969233]   p[_ngcontent-ng-c2027969233]   b[_ngcontent-ng-c2027969233]{display:block;font-size:16px;margin-bottom:2px}</style><style ng-app-id="ng">.selforder-neu[_ngcontent-ng-c2027969233]   img.bild-einzelhandel[_ngcontent-ng-c2027969233]{display:none!important}.selforder-neu[_ngcontent-ng-c2027969233]   .bildband[_ngcontent-ng-c2027969233]   img.bild-einzelhandel[_ngcontent-ng-c2027969233]{object-position:center 22%}html[data-branche-wahl=einzelhandel][_nghost-ng-c2027969233]   .selforder-neu[_ngcontent-ng-c2027969233]   .bild-standard[_ngcontent-ng-c2027969233], html[data-branche-wahl=einzelhandel]   [_nghost-ng-c2027969233]   .selforder-neu[_ngcontent-ng-c2027969233]   .bild-standard[_ngcontent-ng-c2027969233]{display:none!important}html[data-branche-wahl=einzelhandel][_nghost-ng-c2027969233]   .selforder-neu[_ngcontent-ng-c2027969233]   img.bild-einzelhandel[_ngcontent-ng-c2027969233], html[data-branche-wahl=einzelhandel]   [_nghost-ng-c2027969233]   .selforder-neu[_ngcontent-ng-c2027969233]   img.bild-einzelhandel[_ngcontent-ng-c2027969233]{display:block!important}.selforder-neu[_ngcontent-ng-c2027969233]   .nur-handel[_ngcontent-ng-c2027969233]{display:none}html[data-branche-wahl=einzelhandel][_nghost-ng-c2027969233]   .selforder-neu[_ngcontent-ng-c2027969233]   p.nur-handel[_ngcontent-ng-c2027969233], html[data-branche-wahl=einzelhandel]   [_nghost-ng-c2027969233]   .selforder-neu[_ngcontent-ng-c2027969233]   p.nur-handel[_ngcontent-ng-c2027969233]{display:block}html[data-branche-wahl=einzelhandel][_nghost-ng-c2027969233]   .selforder-neu[_ngcontent-ng-c2027969233]   span.nur-handel[_ngcontent-ng-c2027969233], html[data-branche-wahl=einzelhandel]   [_nghost-ng-c2027969233]   .selforder-neu[_ngcontent-ng-c2027969233]   span.nur-handel[_ngcontent-ng-c2027969233]{display:inline}html[data-branche-wahl=einzelhandel][_nghost-ng-c2027969233]   .selforder-neu[_ngcontent-ng-c2027969233]   [data-branche=gastronomie][_ngcontent-ng-c2027969233], html[data-branche-wahl=einzelhandel]   [_nghost-ng-c2027969233]   .selforder-neu[_ngcontent-ng-c2027969233]   [data-branche=gastronomie][_ngcontent-ng-c2027969233]{display:none!important}</style><style ng-app-id="ng">.bestellterminal-neu[_ngcontent-ng-c2205609467]{background:#fff;color:var(--black);font-size:18px;line-height:1.5}.bestellterminal-neu[_ngcontent-ng-c2205609467]   h3[_ngcontent-ng-c2205609467], .bestellterminal-neu[_ngcontent-ng-c2205609467]   p[_ngcontent-ng-c2205609467]{margin:0;padding:0}.bestellterminal-neu[_ngcontent-ng-c2205609467]   p[_ngcontent-ng-c2205609467]{margin-bottom:16px}.bestellterminal-neu[_ngcontent-ng-c2205609467]   .band[_ngcontent-ng-c2205609467]{padding:56px 0}.bestellterminal-neu[_ngcontent-ng-c2205609467]   .grau-text[_ngcontent-ng-c2205609467]{color:var(--dark-grey)}.bestellterminal-neu[_ngcontent-ng-c2205609467]   .grid-50[_ngcontent-ng-c2205609467]{display:grid;grid-template-columns:1fr;gap:38px;align-items:center}@media(min-width:960px){.bestellterminal-neu[_ngcontent-ng-c2205609467]   .grid-50[_ngcontent-ng-c2205609467]{grid-template-columns:1fr 1fr;gap:64px}.bestellterminal-neu[_ngcontent-ng-c2205609467]   .kopfzeile[_ngcontent-ng-c2205609467]{text-align:left}}.bestellterminal-neu[_ngcontent-ng-c2205609467]   .kopfzeile[_ngcontent-ng-c2205609467]{text-align:center;margin-bottom:14px}.bestellterminal-neu[_ngcontent-ng-c2205609467]   h3.main-title[_ngcontent-ng-c2205609467]{font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-weight:400;color:var(--okto-blue);font-size:30px;line-height:1.15}@media(min-width:768px){.bestellterminal-neu[_ngcontent-ng-c2205609467]   h3.main-title[_ngcontent-ng-c2205609467]{font-size:40px}}.bestellterminal-neu[_ngcontent-ng-c2205609467]   .medien[_ngcontent-ng-c2205609467]{width:100%;max-width:460px;margin:0 auto;aspect-ratio:3/2;background:#fff;border-radius:18px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #0000001a}.bestellterminal-neu[_ngcontent-ng-c2205609467]   .medien[_ngcontent-ng-c2205609467]   picture[_ngcontent-ng-c2205609467], .bestellterminal-neu[_ngcontent-ng-c2205609467]   .medien[_ngcontent-ng-c2205609467]   img[_ngcontent-ng-c2205609467]{display:block;width:100%;height:100%;object-fit:cover}</style><style ng-app-id="ng">@charset "UTF-8";.mo{background:#fff;color:var(--black);font-family:OktoPOSBook-Regular,Verdana,sans-serif;font-size:18px;line-height:1.5;overflow-x:clip}.mo h2,.mo h3,.mo h4,.mo ul,.mo figure{margin:0;padding:0}.mo ul{list-style:none}.mo button:not(.klapp-knopf){border:none}.mo [hidden]{display:none}.mo .wrap{max-width:1240px;margin:0 auto;padding:0 24px}.mo p{margin-bottom:16px}.mo h2{font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-weight:400;color:var(--okto-blue);font-size:34px;line-height:1.1}@media(min-width:768px){.mo h2{font-size:44px}}@media(min-width:1280px){.mo h2{font-size:50px}}.mo .headline-sub{font-family:OktoPOSBook-Light,Verdana,sans-serif;font-size:28px;line-height:1.15}@media(min-width:768px){.mo .headline-sub{font-size:40px}}.mo h3.main-title,.mo h4.main-title{font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-weight:400;color:var(--okto-blue);font-size:30px;line-height:1.15}@media(min-width:768px){.mo h3.main-title,.mo h4.main-title{font-size:40px}}.mo h4.main-title{font-size:26px}@media(min-width:768px){.mo h4.main-title{font-size:32px}}.mo .ico:after{display:inline-block;line-height:1}.mo .ico-cash:after{display:inline-block;line-height:1}.mo .info-icon{font-size:96px;display:block;line-height:1;color:var(--okto-blue)}.mo .info-icon.weiss{color:#fff}.mo .hausfigur{display:block;width:96px;height:96px;border-radius:50%;object-fit:cover;background:#fff;padding:6px}.mo .kopfzeile{text-align:center;margin-bottom:14px}@media(min-width:960px){.mo .kopfzeile{text-align:left}}.mo .kopfzeile .info-icon,.mo .kopfzeile .hausfigur{margin:0 auto}@media(min-width:960px){.mo .kopfzeile .info-icon,.mo .kopfzeile .hausfigur{margin:0}}.mo .band{padding:56px 0}.mo .band.weiss{background:#fff}.mo .band.grau{background:#f5f6f8}.mo .band.blau{background:linear-gradient(to bottom,var(--okto-blue) 0%,var(--dark-blue) 70%);color:#fff}.mo .band.blau .main-title,.mo .band.blau .grau-text{color:#fff}.mo .band .abschnittskopf{margin-bottom:44px}.mo .band .abschnittskopf .grau-text{max-width:820px}.mo .reihe+.reihe{margin-top:64px}
11.mo .grid-50{display:grid;grid-template-columns:1fr;gap:38px;align-items:center}@media(min-width:960px){.mo .grid-50{grid-template-columns:1fr 1fr;gap:64px}}@media(min-width:960px){.mo .grid-50.gedreht .erst{order:2}.mo .grid-50.gedreht .zweit{order:1}}.mo .eyebrow{font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--okto-blue);display:block;margin:16px 0 10px}.mo .band.blau .eyebrow{color:#fff}.mo .grau-text{color:var(--dark-grey);font-size:18px}.mo ul.hakenliste{list-style:none;margin:22px 0 0}.mo ul.hakenliste li{position:relative;padding-left:36px;margin-bottom:12px;font-size:18px}.mo ul.hakenliste li:before{content:"\e071";font-family:OktoPOSCash-Regular,sans-serif;position:absolute;left:0;top:2px;color:var(--okto-blue);font-size:20px}.mo .band.blau ul.hakenliste li:before{color:#fff}.mo ul.hakenliste li.minus{color:var(--dark-grey)}.mo ul.hakenliste li.minus:before{content:"\2013";font-family:OktoPOSBook-Bold,Verdana,sans-serif;color:#b7bec5}.mo ul.hakenliste.sprung li a{color:var(--black);text-decoration:none;border-bottom:1px solid #c9d3da}.mo ul.hakenliste.sprung li a:hover{color:var(--okto-blue);border-color:var(--okto-blue)}.mo .medien{width:100%;max-width:460px;margin:0 auto;aspect-ratio:3/2;background:#fff;border-radius:18px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #0000001a}.mo .band.blau .medien{box-shadow:0 12px 34px #00000047}.mo .medien img,.mo .medien video{display:block;width:100%;height:100%;object-fit:cover}.mo .medien.frei{padding:16px;background:#fff}.mo .medien.frei img,.mo .medien.frei video{object-fit:contain}.mo .medien.dunkel{background:#1d1761}.mo .medien.dunkel video{object-fit:contain}.mo .bildunter{font-size:14px;color:var(--dark-grey);margin:12px auto 0;max-width:460px;text-align:center}.mo .demo{margin-top:52px;border-top:1px solid #dfe3e6;padding-top:28px;display:flex;gap:28px;align-items:center;flex-wrap:wrap;justify-content:center}@media(min-width:960px){.mo .demo{justify-content:flex-start}}.mo .demo img{width:96px;height:96px;display:block;border-radius:8px;background:#fff}.mo .demo .text{flex:1 1 260px}.mo .demo .text .eyebrow{margin:0 0 4px}.mo .demo .text p{margin:0;font-size:18px}.mo .demo .knoepfe{display:flex;gap:12px;flex-wrap:wrap}.mo .btn{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 24px;border-radius:5px;background:var(--okto-blue);color:#fff;font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-size:17px;white-space:nowrap}.mo .btn:hover{background:#0087c2}.mo .band.blau .demo{border-top-color:#ffffff47}.mo .band.blau .btn{background:#fff;color:var(--okto-blue)}.mo .band.blau .btn:hover{background:#eaf6fd}.mo .band.blau .demo .text p{color:#fff}.mo .band.grau .demo{border-top-color:#dfe3e6}.mo .klapp{margin-top:16px}.mo .klapp button:focus-visible{outline:3px solid var(--okto-blue);outline-offset:4px}.mo .klapp h3{font-size:inherit;margin:0;color:inherit;font-family:inherit}.mo :not(.klapp-knopf)>.chev:after{font-size:15px;color:var(--okto-blue)}.mo .klapp .inhalt[hidden]{display:none}.mo .klapp .inhalt-innen{padding:0 0 30px}.mo .schema{max-width:620px;margin:20px auto 0}.mo .schema svg{display:block;width:100%;height:auto;overflow:visible}.mo .band.gelb{background:#ffcf00;color:var(--black)}.mo .band.gelb .eyebrow,.mo .band.gelb .main-title,.mo .band.gelb .grau-text,.mo .band.gelb .bildunter,.mo .band.gelb .info-icon{color:var(--black)}.mo .band.gelb ul.hakenliste li:before{color:var(--black)}.mo .band.gelb .demo{border-top-color:#0000002e}.mo .band.gelb .medien{box-shadow:0 10px 30px #00000024}.mo .frei-band{display:block;margin:0 auto;max-height:560px;max-width:100%}.mo .bildband{width:100%;height:clamp(320px,44vw,600px);position:relative;overflow:hidden;background:#222}.mo .bildband img{width:100%;height:100%;object-fit:cover;object-position:center 32%;display:block}.mo .bildband:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#0000009e,#00000047 38%,#0000 62%)}.mo .bildband .titel{position:absolute;
11left:0;right:0;bottom:0;z-index:1;padding-bottom:44px}.mo .bildband .eyebrow{color:#fff;margin:0 0 8px}.mo .merkmale{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}@media(max-width:960px){.mo .merkmale{grid-template-columns:1fr 1fr}}@media(max-width:600px){.mo .merkmale{grid-template-columns:1fr}}.mo .merkmal{display:flex;gap:16px;align-items:center;padding:18px 20px;border-radius:14px;background:linear-gradient(135deg,var(--okto-blue) 0%,var(--dark-blue) 140%);color:#fff}.mo .merkmal .ico:after,.mo .merkmal .ico-cash:after{display:inline-block;line-height:1}.mo .merkmal .ico,.mo .merkmal .ico-cash{flex:0 0 44px}.mo .merkmal p{font-size:15px;line-height:1.4}.mo .merkmal p b{font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-weight:400;display:block;font-size:16px;margin-bottom:2px}.mo .breitbild{margin:44px 0 0;width:100%}.mo .breitbild img{width:100%;height:auto;display:block;border-radius:18px;box-shadow:0 10px 30px #0000001a}.mo .breitbild figcaption{font-size:14px;color:var(--dark-grey);text-align:center;margin-top:12px;max-width:820px;margin-left:auto;margin-right:auto}.mo .bildband.hero{height:clamp(380px,50vw,680px)}.mo .bildband.hero h2{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.35)}.mo .bildband.hero .headline-sub{color:#fff;margin-top:6px;text-shadow:0 2px 12px rgba(0,0,0,.35)}.mo .bildband.hero .titel{padding-bottom:52px}.mo .bildband.hero:after{background:linear-gradient(to top,#000000b8,#00000061 40%,#0000 66%),linear-gradient(to right,#0000006b,#0000 58%)}.mo .bildband.hero .titel .wrap>*{max-width:640px}.mo .klapp.abschnitt .inhalt-innen{padding:36px 0 0}.mo .vorschau{cursor:pointer;margin-top:14px}.mo .vorschau .headline-sub{font-size:22px;color:var(--dark-grey);margin:0 0 22px}@media(min-width:768px){.mo .vorschau .headline-sub{font-size:26px}}.mo .vorschau .bilder{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:26px}@media(max-width:640px){.mo .vorschau .bilder{grid-template-columns:1fr 1fr}}.mo .vorschau img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:14px;box-shadow:0 8px 24px #0000001a;display:block;background:#fff}.mo .vorschau:hover img{box-shadow:0 10px 30px #00000029}.mo .klapp.fluss{margin-top:52px}.mo .klapp.fluss .schema{max-width:420px;margin-left:0}.mo .band.blau :not(.klapp-knopf)>.chev:after{color:#fff}.mo .band.blau .klapp .grau-text{color:#dbe6f5}.mo .band.gelb :not(.klapp-knopf)>.chev:after{color:var(--black)}.mo .band.kompakt{padding-top:40px;padding-bottom:40px}.mo .fluss+.demo{margin-top:36px;border-top:none;padding-top:0}
12</style><style ng-app-id="ng">.mo img.bild-einzelhandel,html[data-branche-wahl=einzelhandel] .mo .bild-standard{display:none!important}html[data-branche-wahl=einzelhandel] .mo img.bild-einzelhandel{display:block!important}html:not([data-branche-wahl=einzelhandel]) .mo .nur-handel{display:none!important}html[data-branche-wahl=einzelhandel] .mo [data-branche=gastronomie]{display:none!important}html[data-branche-wahl=einzelhandel] .mo .grid-50.mo-intro{grid-template-columns:minmax(0,1fr);max-width:820px}
13</style><style ng-app-id="ng">[_nghost-ng-c2013524721]{display:block;border-top:1px solid #dfe3e6;border-bottom:1px solid #dfe3e6;padding:44px 0;background:var(--white);color:var(--black)}.gd-titel[_ngcontent-ng-c2013524721]{font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--okto-blue);text-align:center;margin:0 0 26px;padding:0 25px}.gd-raster[_ngcontent-ng-c2013524721]{display:grid;grid-template-columns:1fr;gap:26px;padding:0 25px}.gd-st[_ngcontent-ng-c2013524721]{display:flex;gap:16px;align-items:flex-start;color:inherit;text-decoration:none;border-radius:12px;padding:10px;margin:-10px;transition:background-color .15s ease}.gd-st[_ngcontent-ng-c2013524721]:hover{background:#009de012}.gd-st[_ngcontent-ng-c2013524721]:focus-visible{outline:3px solid var(--okto-blue);outline-offset:2px}.gd-st[_ngcontent-ng-c2013524721] > span[_ngcontent-ng-c2013524721]{font-size:44px;line-height:1;color:var(--okto-blue);flex:0 0 48px;text-align:center}.gd-st[_ngcontent-ng-c2013524721] > div[_ngcontent-ng-c2013524721]{min-width:0;overflow-wrap:break-word}.gd-st[_ngcontent-ng-c2013524721]   b[_ngcontent-ng-c2013524721]{display:block;font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-weight:400;font-size:19px;line-height:1.25;color:var(--okto-blue);margin-bottom:4px}.gd-st[_ngcontent-ng-c2013524721]   b[_ngcontent-ng-c2013524721]:after{content:"\e003";font-family:OktoposIcon-Regular,sans-serif;font-size:11px;margin-left:6px}.gd-text[_ngcontent-ng-c2013524721]{display:block;font-size:15.5px;line-height:1.4;color:var(--dark-grey)}@media only screen and (min-width:560px){.gd-raster[_ngcontent-ng-c2013524721]{padding:0 40px}}@media only screen and (min-width:640px){.gd-raster[_ngcontent-ng-c2013524721]{grid-template-columns:1fr 1fr;gap:30px 40px}}@media only screen and (min-width:1000px){.gd-raster[_ngcontent-ng-c2013524721]{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}.gd-raster.gd-fuenf[_ngcontent-ng-c2013524721]{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 40px}}@media only screen and (min-width:1280px){.gd-raster.gd-fuenf[_ngcontent-ng-c2013524721]{grid-template-columns:repeat(5,minmax(0,1fr));gap:28px}.gd-fuenf[_ngcontent-ng-c2013524721] > .gd-st[_ngcontent-ng-c2013524721]{gap:12px}.gd-fuenf[_ngcontent-ng-c2013524721] > .gd-st[_ngcontent-ng-c2013524721] > span[_ngcontent-ng-c2013524721]{font-size:38px;flex-basis:40px}}@media(prefers-reduced-motion:reduce){.gd-st[_ngcontent-ng-c2013524721]{transition:none}}.gd-text.nur-handel[_ngcontent-ng-c2013524721]{display:none}html[data-branche-wahl=einzelhandel][_nghost-ng-c2013524721]   .gd-text.nur-handel[_ngcontent-ng-c2013524721], html[data-branche-wahl=einzelhandel]   [_nghost-ng-c2013524721]   .gd-text.nur-handel[_ngcontent-ng-c2013524721]{display:block}html[data-branche-wahl=einzelhandel][_nghost-ng-c2013524721]   .gd-text[data-branche=gastronomie][_ngcontent-ng-c2013524721], html[data-branche-wahl=einzelhandel]   [_nghost-ng-c2013524721]   .gd-text[data-branche=gastronomie][_ngcontent-ng-c2013524721]{display:none!important}</style><style ng-app-id="ng">@charset "UTF-8";[_nghost-ng-c904269996]{display:block;padding:56px 0}
13.nb-box[_ngcontent-ng-c904269996], .nb-karte[_ngcontent-ng-c904269996], .nb-knopf[_ngcontent-ng-c904269996]{box-sizing:border-box}.nb-box[_ngcontent-ng-c904269996]{position:relative;display:flex;align-items:center;min-height:480px;padding:40px;border-radius:18px;overflow:hidden;background:var(--white);box-shadow:0 10px 30px #0000001a;text-decoration:none}.nb-box[_ngcontent-ng-c904269996]:hover{box-shadow:0 14px 38px #00000029}.nb-box[_ngcontent-ng-c904269996]:hover   .nb-knopf[_ngcontent-ng-c904269996], .nb-box[_ngcontent-ng-c904269996]:focus-visible   .nb-knopf[_ngcontent-ng-c904269996]{background:var(--dark-blue)}.nb-box[_ngcontent-ng-c904269996]:focus-visible{outline:3px solid var(--okto-blue);outline-offset:4px}.nb-bild[_ngcontent-ng-c904269996]{position:absolute;inset:0}.nb-bild[_ngcontent-ng-c904269996]   img[_ngcontent-ng-c904269996]{display:block;width:100%;height:100%;object-fit:cover}.nb-bild[_ngcontent-ng-c904269996]   img.frei[_ngcontent-ng-c904269996]{object-fit:contain}.nb-karte[_ngcontent-ng-c904269996]{position:relative;width:470px;padding:32px 34px 34px;border-radius:12px;background:var(--white);box-shadow:0 10px 30px #00000024}.nb-eyebrow[_ngcontent-ng-c904269996]{font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--okto-blue);margin:0 0 10px}.nb-name[_ngcontent-ng-c904269996]{font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-size:50px;line-height:1.08;color:var(--okto-blue);margin:0;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.nb-name.lang[_ngcontent-ng-c904269996]{font-size:40px}.nb-satz[_ngcontent-ng-c904269996]{font-family:OktoPOSBook-Light,Verdana,sans-serif;font-size:26px;line-height:1.22;color:var(--black);margin:10px 0 0}.nb-themen-rahmen[_ngcontent-ng-c904269996]{margin:16px 0 0;overflow:hidden}.nb-themen[_ngcontent-ng-c904269996]{display:flex;flex-wrap:wrap;margin:0 0 0 -1em;padding:0;list-style:none;font-size:15px;line-height:1.55;color:var(--dark-grey)}.nb-thema[_ngcontent-ng-c904269996]{white-space:nowrap}.nb-thema[_ngcontent-ng-c904269996]:before{content:"\b7";content:"\b7"/"";display:inline-block;width:1em;text-align:center;color:#9aa3ab}.nb-knopf[_ngcontent-ng-c904269996]{display:inline-flex;align-items:center;gap:14px;height:50px;margin-top:26px;padding:0 24px;border-radius:5px;background:var(--okto-blue);color:var(--white);font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-size:18px;white-space:nowrap;transition:background .2s ease}.nb-pfeil[_ngcontent-ng-c904269996]{font-size:16px;line-height:1}@media only screen and (min-width:1024px)and (max-width:1279px){.nb-box[_ngcontent-ng-c904269996]{min-height:440px}}.nb-ki-schmal[_ngcontent-ng-c904269996]{display:none}@media only screen and (max-width:1023px){.nb-ki-schmal[_ngcontent-ng-c904269996]{display:block;margin:0;padding:4px 12px 0;background:#fff}.nb-ki-breit[_ngcontent-ng-c904269996]{display:none}[_nghost-ng-c904269996]{padding:40px 0}.nb-box[_ngcontent-ng-c904269996]{display:block;min-height:0;padding:0}.nb-bild[_ngcontent-ng-c904269996]{position:relative;display:block;inset:auto;aspect-ratio:16/10}.nb-karte[_ngcontent-ng-c904269996]{width:auto;padding:24px 22px 26px;border-radius:0;box-shadow:none}.nb-name[_ngcontent-ng-c904269996]{font-size:34px}.nb-name.lang[_ngcontent-ng-c904269996]{font-size:28px}.nb-satz[_ngcontent-ng-c904269996]{font-size:22px;line-height:1.27}.nb-themen[_ngcontent-ng-c904269996]{font-size:14px}.nb-knopf[_ngcontent-ng-c904269996]{display:flex;justify-content:center;width:100%;margin-top:22px;white-space:normal;text-align:center}}</style><style ng-app-id="ng">[_nghost-ng-c2711266120]{display:block}.kette-titel[_ngcontent-ng-c2711266120]{font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--dark-grey);margin:0 0 4px}.kette[_ngcontent-ng-c2711266120]{display:flex;align-items:stretch;flex-wrap:nowrap;margin-top:10px;max-width:760px}.kette.n3[_ngcontent-ng-c2711266120]{max-width:570px}.knoten[_ngcontent-ng-c2711266120]{flex:1 1 0;min-width:0;text-align:center;padding:4px 2px}.wuerfel[_ngcontent-ng-c2711266120]{width:100%;max-width:118px;aspect-ratio:1/1;margin:0 auto 10px;box-sizing:border-box;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;padding:6px;box-shadow:0 4px 14px #00000014}.wuerfel[_ngcontent-ng-c2711266120]   img[_ngcontent-ng-c2711266120]{width:100%;height:100%;object-fit:contain;display:block;border-radius:0}.lab[_ngcontent-ng-c2711266120]{font-size:13px;line-height:1.3;color:var(--dark-grey);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.lab[_ngcontent-ng-c2711266120]   b[_ngcontent-ng-c2711266120]{display:block;color:var(--black);font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-weight:400}.pfeil[_ngcontent-ng-c2711266120]{flex:0 0 14px;display:flex;align-items:center;justify-content:center;color:#b7bec5;font-size:16px;padding-bottom:34px}@media(max-width:480px){.wuerfel[_ngcontent-ng-c2711266120]{border-radius:11px;padding:4px}.lab[_ngcontent-ng-c2711266120]{font-size:12px}.lab[_ngcontent-ng-c2711266120]   b[_ngcontent-ng-c2711266120]{overflow-wrap:normal}}</style><style ng-app-id="ng">[_nghost-ng-c3331086359]{list-style:none;display:grid;grid-template-columns:repeat(6,1fr);gap:22px;margin:0;padding:0}.bw-schritt[_ngcontent-ng-c3331086359]{min-width:0}.geraet[_ngcontent-ng-c3331086359]{background:#16181b;border-radius:18px;padding:7px;box-shadow:0 10px 26px #00000029}.geraet[_ngcontent-ng-c3331086359]   picture[_ngcontent-ng-c3331086359], .geraet[_ngcontent-ng-c3331086359]   img[_ngcontent-ng-c3331086359]{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:12px}.bw-kopf[_ngcontent-ng-c3331086359]{display:flex;align-items:center;gap:10px;margin:16px 0 6px}.bw-nr[_ngcontent-ng-c3331086359]{flex:0 0 28px;height:28px;border-radius:50%;background:var(--okto-blue);color:#fff;font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-size:15px;
13display:flex;align-items:center;justify-content:center}.bw-kopf[_ngcontent-ng-c3331086359]   b[_ngcontent-ng-c3331086359]{font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-weight:400;font-size:16px;line-height:1.2}p[_ngcontent-ng-c3331086359]{font-size:14px;line-height:1.4;color:var(--dark-grey);margin:0}@media(max-width:1100px){[_nghost-ng-c3331086359]{grid-template-columns:repeat(3,1fr);gap:30px 22px}}@media(max-width:640px){[_nghost-ng-c3331086359]{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 25px;gap:16px;padding:0 25px 14px;margin:0 -25px}.bw-schritt[_ngcontent-ng-c3331086359]{flex:0 0 62%;scroll-snap-align:start}}</style><style ng-app-id="ng">[_nghost-ng-c4060135292]{display:grid;grid-template-columns:1fr;gap:28px;align-items:center}@media(min-width:960px){[_nghost-ng-c4060135292]{grid-template-columns:1.55fr 1fr;gap:48px}}.zeichnung[_ngcontent-ng-c4060135292]{position:relative;margin:0}.zeichnung[_ngcontent-ng-c4060135292]   picture[_ngcontent-ng-c4060135292], .zeichnung[_ngcontent-ng-c4060135292]   img[_ngcontent-ng-c4060135292]{display:block;width:100%;height:auto;border-radius:0}.marke[_ngcontent-ng-c4060135292]{position:absolute;transform:translate(-50%,-50%);width:34px;height:34px;box-sizing:border-box;border-radius:50%;background:var(--okto-blue);border:3px solid #fff;color:#fff;font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00142a40}@media(max-width:480px){.marke[_ngcontent-ng-c4060135292]{width:26px;height:26px;font-size:13px;border-width:2px}}.legende[_ngcontent-ng-c4060135292]{list-style:none;margin:8px 0 0;padding:0}.legende[_ngcontent-ng-c4060135292]   li[_ngcontent-ng-c4060135292]{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-top:1px solid #dfe3e6}.legende[_ngcontent-ng-c4060135292]   li[_ngcontent-ng-c4060135292]:last-child{border-bottom:1px solid #dfe3e6}.lg-nr[_ngcontent-ng-c4060135292]{flex:0 0 30px;height:30px;border-radius:50%;background:var(--okto-blue);color:#fff;font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-size:15px;display:flex;align-items:center;justify-content:center;margin-top:1px}.legende[_ngcontent-ng-c4060135292]   div[_ngcontent-ng-c4060135292]{font-size:15px;line-height:1.4;color:var(--dark-grey)}.legende[_ngcontent-ng-c4060135292]   b[_ngcontent-ng-c4060135292]{display:block;font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-weight:400;font-size:17px;line-height:1.3;color:var(--black)}.fussnote[_ngcontent-ng-c4060135292]{font-size:14px;color:var(--dark-grey);margin:16px 0 0}</style><style ng-app-id="ng">.hotels-neu[_ngcontent-ng-c2164979936]{background:#fff;color:var(--black);font-size:18px;line-height:1.5}.hotels-neu[_ngcontent-ng-c2164979936]   h3[_ngcontent-ng-c2164979936], .hotels-neu[_ngcontent-ng-c2164979936]   h4[_ngcontent-ng-c2164979936], .hotels-neu[_ngcontent-ng-c2164979936]   ul[_ngcontent-ng-c2164979936], .hotels-neu[_ngcontent-ng-c2164979936]   p[_ngcontent-ng-c2164979936]{margin:0;padding:0}.hotels-neu[_ngcontent-ng-c2164979936]   ul[_ngcontent-ng-c2164979936]{list-style:none}.hotels-neu[_ngcontent-ng-c2164979936]   p[_ngcontent-ng-c2164979936]{margin-bottom:16px}.hotels-neu[_ngcontent-ng-c2164979936]   .kopf[_ngcontent-ng-c2164979936]{padding-top:64px;padding-bottom:10px}.hotels-neu[_ngcontent-ng-c2164979936]   h3.titel[_ngcontent-ng-c2164979936]{font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-weight:400;color:var(--okto-blue);font-size:34px;line-height:1.1}@media(min-width:768px){.hotels-neu[_ngcontent-ng-c2164979936]   h3.titel[_ngcontent-ng-c2164979936]{font-size:44px}}@media(min-width:1280px){.hotels-neu[_ngcontent-ng-c2164979936]   h3.titel[_ngcontent-ng-c2164979936]{font-size:50px}}.hotels-neu[_ngcontent-ng-c2164979936]   .headline-sub[_ngcontent-ng-c2164979936]{font-family:OktoPOSBook-Light,Verdana,sans-serif;font-size:28px;line-height:1.15;margin-top:6px}@media(min-width:768px){.hotels-neu[_ngcontent-ng-c2164979936]   .headline-sub[_ngcontent-ng-c2164979936]{font-size:40px}}
13.hotels-neu[_ngcontent-ng-c2164979936]   .einleitung[_ngcontent-ng-c2164979936]{max-width:820px;margin-top:26px}.hotels-neu[_ngcontent-ng-c2164979936]   .grau-text[_ngcontent-ng-c2164979936]{color:var(--dark-grey);font-size:18px}.hotels-neu[_ngcontent-ng-c2164979936]   .band[_ngcontent-ng-c2164979936]{padding:56px 0}.hotels-neu[_ngcontent-ng-c2164979936]   .band.weiss[_ngcontent-ng-c2164979936]{background:#fff}.hotels-neu[_ngcontent-ng-c2164979936]   .band.blau[_ngcontent-ng-c2164979936]{background:linear-gradient(to bottom,var(--okto-blue) 0%,var(--dark-blue) 70%);color:#fff}.hotels-neu[_ngcontent-ng-c2164979936]   .band.blau[_ngcontent-ng-c2164979936]   .main-title[_ngcontent-ng-c2164979936], .hotels-neu[_ngcontent-ng-c2164979936]   .band.blau[_ngcontent-ng-c2164979936]   .eyebrow[_ngcontent-ng-c2164979936], .hotels-neu[_ngcontent-ng-c2164979936]   .band.blau[_ngcontent-ng-c2164979936]   .grau-text[_ngcontent-ng-c2164979936]{color:#fff}.hotels-neu[_ngcontent-ng-c2164979936]   .grid-50[_ngcontent-ng-c2164979936]{display:grid;grid-template-columns:1fr;gap:38px;align-items:center}@media(min-width:960px){.hotels-neu[_ngcontent-ng-c2164979936]   .grid-50[_ngcontent-ng-c2164979936]{grid-template-columns:1fr 1fr;gap:64px}.hotels-neu[_ngcontent-ng-c2164979936]   .grid-50.gedreht[_ngcontent-ng-c2164979936]   .erst[_ngcontent-ng-c2164979936]{order:2}.hotels-neu[_ngcontent-ng-c2164979936]   .grid-50.gedreht[_ngcontent-ng-c2164979936]   .zweit[_ngcontent-ng-c2164979936]{order:1}}.hotels-neu[_ngcontent-ng-c2164979936]   .kopfzeile[_ngcontent-ng-c2164979936]{text-align:center;margin-bottom:14px}@media(min-width:960px){.hotels-neu[_ngcontent-ng-c2164979936]   .kopfzeile[_ngcontent-ng-c2164979936]{text-align:left}}.hotels-neu[_ngcontent-ng-c2164979936]   .info-icon[_ngcontent-ng-c2164979936]{display:block;line-height:1;color:var(--okto-blue)}.hotels-neu[_ngcontent-ng-c2164979936]   .info-icon[_ngcontent-ng-c2164979936]:after{font-size:96px}.hotels-neu[_ngcontent-ng-c2164979936]   .info-icon.weiss[_ngcontent-ng-c2164979936]{color:#fff}.hotels-neu[_ngcontent-ng-c2164979936]   .eyebrow[_ngcontent-ng-c2164979936]{font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--okto-blue);display:block;margin:16px 0 10px}.hotels-neu[_ngcontent-ng-c2164979936]   h4.main-title[_ngcontent-ng-c2164979936]{font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-weight:400;color:var(--okto-blue);font-size:30px;line-height:1.15}@media(min-width:768px){.hotels-neu[_ngcontent-ng-c2164979936]   h4.main-title[_ngcontent-ng-c2164979936]{font-size:40px}}.hotels-neu[_ngcontent-ng-c2164979936]   ul.hakenliste[_ngcontent-ng-c2164979936]{margin:22px 0 0}.hotels-neu[_ngcontent-ng-c2164979936]   ul.hakenliste[_ngcontent-ng-c2164979936]   li[_ngcontent-ng-c2164979936]{position:relative;padding-left:36px;margin-bottom:12px;font-size:18px}.hotels-neu[_ngcontent-ng-c2164979936]   ul.hakenliste[_ngcontent-ng-c2164979936]   li[_ngcontent-ng-c2164979936]:before{content:"\e071";font-family:OktoPOSCash-Regular,sans-serif;position:absolute;left:0;top:2px;color:var(--okto-blue);font-size:20px}.hotels-neu[_ngcontent-ng-c2164979936]   .band.blau[_ngcontent-ng-c2164979936]   ul.hakenliste[_ngcontent-ng-c2164979936]   li[_ngcontent-ng-c2164979936]:before{color:#fff}.hotels-neu[_ngcontent-ng-c2164979936]   .medien[_ngcontent-ng-c2164979936]{width:100%;max-width:460px;margin:0 auto;aspect-ratio:3/2;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px #0000001a}.hotels-neu[_ngcontent-ng-c2164979936]   .band.blau[_ngcontent-ng-c2164979936]   .medien[_ngcontent-ng-c2164979936]{background:#0b1440;box-shadow:0 12px 34px #00000047}.hotels-neu[_ngcontent-ng-c2164979936]   .medien[_ngcontent-ng-c2164979936]   img[_ngcontent-ng-c2164979936]{display:block;width:100%;height:100%;object-fit:cover}.hotels-neu[_ngcontent-ng-c2164979936]   .medien[_ngcontent-ng-c2164979936]   img.oben[_ngcontent-ng-c2164979936]{object-position:center 26%}.hotels-neu[_ngcontent-ng-c2164979936]   .barband[_ngcontent-ng-c2164979936]{background:#fff;border-top:1px solid #dfe3e6;border-bottom:1px solid #dfe3e6;padding:26px 0}
13.hotels-neu[_ngcontent-ng-c2164979936]   .barband[_ngcontent-ng-c2164979936]   .inner[_ngcontent-ng-c2164979936]{display:flex;gap:22px;align-items:center;justify-content:center;flex-wrap:wrap;text-align:left}.hotels-neu[_ngcontent-ng-c2164979936]   .barband[_ngcontent-ng-c2164979936]   span[data-icon][_ngcontent-ng-c2164979936]:after{font-size:44px;color:var(--okto-blue)}.hotels-neu[_ngcontent-ng-c2164979936]   .barband[_ngcontent-ng-c2164979936]   p[_ngcontent-ng-c2164979936]{margin:0;max-width:720px;font-size:18px;color:var(--black)}.hotels-neu[_ngcontent-ng-c2164979936]   .barband[_ngcontent-ng-c2164979936]   b[_ngcontent-ng-c2164979936]{font-family:OktoPOSBook-Bold,Verdana,sans-serif;font-weight:400}.hotels-neu[_ngcontent-ng-c2164979936]   .klappen[_ngcontent-ng-c2164979936]{padding-top:56px;padding-bottom:20px}.hotels-neu[_ngcontent-ng-c2164979936]   .klapp[_ngcontent-ng-c2164979936]{margin-top:16px}.hotels-neu[_ngcontent-ng-c2164979936]   .klapp[_ngcontent-ng-c2164979936]   h4[_ngcontent-ng-c2164979936]{font-size:inherit;color:inherit;font-family:inherit}.hotels-neu[_ngcontent-ng-c2164979936]   .klapp[_ngcontent-ng-c2164979936]   button[_ngcontent-ng-c2164979936]:focus-visible{outline:3px solid var(--okto-blue);outline-offset:4px}.hotels-neu[_ngcontent-ng-c2164979936]   [_ngcontent-ng-c2164979936]:not(.klapp-knopf) > .chev[_ngcontent-ng-c2164979936]:after{font-size:15px;color:var(--okto-blue)}.hotels-neu[_ngcontent-ng-c2164979936]   .klapp[_ngcontent-ng-c2164979936]   .inhalt[hidden][_ngcontent-ng-c2164979936]{display:none}.hotels-neu[_ngcontent-ng-c2164979936]   .klapp[_ngcontent-ng-c2164979936]   .inhalt-innen[_ngcontent-ng-c2164979936]{padding:0 0 30px;max-width:860px}.hotels-neu[_ngcontent-ng-c2164979936]   .nach-liste[_ngcontent-ng-c2164979936]{margin-top:20px}.hotels-neu[_ngcontent-ng-c2164979936]   ul.spalten[_ngcontent-ng-c2164979936]{columns:2;column-gap:36px;margin-top:6px}@media(max-width:640px){.hotels-neu[_ngcontent-ng-c2164979936]   ul.spalten[_ngcontent-ng-c2164979936]{columns:1}}.hotels-neu[_ngcontent-ng-c2164979936]   ul.spalten[_ngcontent-ng-c2164979936]   li[_ngcontent-ng-c2164979936]{padding-left:26px;position:relative;margin-bottom:9px;font-size:17px;break-inside:avoid}.hotels-neu[_ngcontent-ng-c2164979936]   ul.spalten[_ngcontent-ng-c2164979936]   li[_ngcontent-ng-c2164979936]:before{content:"";position:absolute;left:6px;top:11px;width:6px;height:6px;border-radius:50%;background:var(--okto-blue)}</style><style ng-app-id="ng">.hidden-overflow[_ngcontent-ng-c2401838237]{overflow:hidden;max-height:500px;visibility:visible;transition:max-height .5s ease-out,visibility .5s ease-out}.hidden-overflow.collapsed[_ngcontent-ng-c2401838237]{max-height:0;visibility:hidden;transition:max-height .5s ease-in,visibility .5s ease-in}</style><meta property="og:title" content="Online and web shop POS system for retail and delivery service"><meta property="og:description" content="POS system with fully integrated online shop and web shop that offers maximum functionality without the need for interfaces to external systems and without manual data transfer."><meta property="og:image" content="https://www.oktopos.com/assets/images/open-graph/oktopos-open-graph-image.jpg"><meta property="og:url" content="https://www.oktopos.com/en/self-order-systems/mobile-ordering/shop"><meta name="twitter:title" content="Online and web shop POS system for retail and delivery service"><meta name="twitter:description" content="POS system with fully integrated online shop and web shop that offers maximum functionality without the need for interfaces to external systems and without manual data transfer."><meta name="twitter:image" content="https://www.oktopos.com/assets/images/open-graph/oktopos-open-graph-image.jpg"><link rel="canonical" href="https://www.oktopos.com/en/self-order-systems/mobile-ordering/shop"><link _ngcontent-ng-c2027969233 as="image" href="/assets/images/self-order/self-order-payment-terminal.jpg" rel="preload" fetchpriority="high"><link as="image" href="/assets/images/mobile-ordering/restaurant-byod-beispiel.jpg" rel="preload" fetchpriority="high"></head>
14  <body><!--nghm-->
15    <app-root ng-version="21.2.14" ngh="1" ng-server-context="ssr"><app-country-select-popup _nghost-ng-c3711141671 ngh="0"><!----></app-country-select-popup><app-contact-widget _nghost-ng-c3954288900 ngskiphydration><div _ngcontent-ng-c3954288900 class="widget-wrap"><div _ngcontent-ng-c3954288900 class="widget title blue-bg"><img _ngcontent-ng-c3954288900 ngsrc="/assets/images/icons/contact-icon.png" alt="Contact icon" height="35" width="30" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/icons/contact-icon.png">+49 (40) 466 565 70<!----></div><div _ngcontent-ng-c3954288900 class="widget main darker-grey-bg"><app-contact-form _ngcontent-ng-c3954288900 _nghost-ng-c410009983><section _ngcontent-ng-c410009983><form _ngcontent-ng-c410009983 novalidate class="ng-untouched ng-pristine ng-invalid"><div _ngcontent-ng-c410009983 class="subject grid-100 row-p"><div _ngcontent-ng-c410009983 class="col"><input _ngcontent-ng-c410009983 title="Subject" type="text" formcontrolname="formSubject" placeholder="Please leave empty" id="subject" name="subject" value class="ng-untouched ng-pristine ng-valid"></div></div><div _ngcontent-ng-c410009983 class="grid-25 row-p"><div _ngcontent-ng-c410009983 class="col"><input _ngcontent-ng-c410009983 title="First Name" type="text" formcontrolname="formFirstName" placeholder="First Name" id="firstName" name="firstName" value class="ng-untouched ng-pristine ng-valid"><div _ngcontent-ng-c410009983 class="warning" hidden> Please do not use special characters </div></div><div _ngcontent-ng-c410009983 class="col"><input _ngcontent-ng-c410009983 title="Last Name" type="text" formcontrolname="formLastName" placeholder="Last Name*" id="lastName" required name="lastName" value class="ng-untouched ng-pristine ng-invalid"><div _ngcontent-ng-c410009983 class="warning" hidden> Please enter your last name </div><div _ngcontent-ng-c410009983 class="warning" hidden> Please do not use special characters </div></div><div _ngcontent-ng-c410009983 class="col"><input _ngcontent-ng-c410009983 title="Email" type="email" formcontrolname="formEmail" placeholder="Email*" id="email" required name="email" value class="ng-untouched ng-pristine ng-invalid"><div _ngcontent-ng-c410009983 class="warning" hidden> Please enter a valid email address </div></div><div _ngcontent-ng-c410009983 class="col"><input _ngcontent-ng-c410009983 title="Company" type="text" formcontrolname="formCompany" placeholder="Company" id="company" name="company" value class="ng-untouched ng-pristine ng-valid"></div></div><div _ngcontent-ng-c410009983 class="grid-100 p-rbl-10"><textarea _ngcontent-ng-c410009983 title="Message" type="text" formcontrolname="formMessage" placeholder="Message" id="message" name="message" class="ng-untouched ng-pristine ng-valid"></textarea><div _ngcontent-ng-c410009983 class="p-tb-20 grid-50 info">
15<p _ngcontent-ng-c410009983 class="data-protection-policy"><span _ngcontent-ng-c410009983>We store and process your data according to our </span><a _ngcontent-ng-c410009983 title="Data protection policy" routerlink="/about-us/data-protection" href="/en/about-us/data-protection">Data protection policy</a></p><p _ngcontent-ng-c410009983 class="text-right mandatory-fields">* Mandatory field</p></div><button _ngcontent-ng-c410009983 type="submit" disabled>Send</button></div></form><div _ngcontent-ng-c410009983 class="mail-confirm" hidden>Dear Customer,<br _ngcontent-ng-c410009983><br _ngcontent-ng-c410009983>We have received your message and will contact you as soon as possible.<br _ngcontent-ng-c410009983><br _ngcontent-ng-c410009983>Best regards<br _ngcontent-ng-c410009983>Your OktoPOS Team</div></section></app-contact-form></div></div></app-contact-widget><button class="to-top" jsaction="click:;"><span data-icon="chevron-up"></span></button><app-header _nghost-ng-c507913522 ngskiphydration><header _ngcontent-ng-c507913522><div _ngcontent-ng-c507913522 class="topbar-grid vertical-center"><div _ngcontent-ng-c507913522 class="logo"><a _ngcontent-ng-c507913522 routerlink="dashboard" href="/en/dashboard"><img _ngcontent-ng-c507913522 title="OktoPOS Solutions" ngsrc="/assets/images/logos/oktopos-logo-star.svg" alt="OktoPOS Solutions Logo" height="16" width="16" class="okto-star" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/logos/oktopos-logo-star.svg"><img _ngcontent-ng-c507913522 title="OktoPOS Solutions" ngsrc="/assets/images/logos/oktopos-logo-text.svg" alt="OktoPOS Solutions Logo" height="16" width="16" class="okto-text" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/logos/oktopos-logo-text.svg"></a><button _ngcontent-ng-c507913522 type="button" aria-controls="logo-menue" aria-label="License and compliance" class="logo-pfeil" aria-expanded="false"><span _ngcontent-ng-c507913522 data-icon="chevron-down" aria-hidden="true"></span></button><nav _ngcontent-ng-c507913522 id="logo-menue" aria-label="OktoPOS" class="logo-menue"><a _ngcontent-ng-c507913522 routerlinkactive="active" href="/en/dashboard" class><span _ngcontent-ng-c507913522 aria-hidden="true" class="icon" data-icon="oktopos-logo"></span><span _ngcontent-ng-c507913522>Home</span></a><a _ngcontent-ng-c507913522 routerlinkactive="active" href="/en/license" class><span _ngcontent-ng-c507913522 aria-hidden="true" class="icon" data-icon="license"></span><span _ngcontent-ng-c507913522>License</span></a><a _ngcontent-ng-c507913522 routerlinkactive="active" href="/en/compliance" class><span _ngcontent-ng-c507913522 aria-hidden="true" class="icon" data-icon="compliance"></span><span _ngcontent-ng-c507913522>Compliance</span></a><!----></nav></div><div _ngcontent-ng-c507913522 class="navi"><app-navigation _ngcontent-ng-c507913522 _nghost-ng-c4086923816><nav _ngcontent-ng-c4086923816><div _ngcontent-ng-c4086923816 class="first-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="first" title="POS System link" href="/en/pos-system"><span _ngcontent-ng-c4086923816>POS System</span><span _ngcontent-ng-c4086923816 data-icon="chevron-down" class="sub-menu-icon"></span><!----></a><div _ngcontent-ng-c4086923816 class="sub-menu-wrap"><div _ngcontent-ng-c4086923816 class="second-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="second" title="Cash register link" href="/en/pos-system/checkout/cash-register#cashregister"><span _ngcontent-ng-c4086923816 class="icon" data-icon="cash-register"></span><!----><span _ngcontent-ng-c4086923816 class="text-element">Cash register</span><!----><!----></a><!----></div><div _ngcontent-ng-c4086923816 class="second-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="second" title="Virtual cash register link" href="/en/pos-system/checkout/virtual-cash-register#virtualcashregister"><span _ngcontent-ng-c4086923816 class="icon" data-icon="virtual-cash-register"></span><!----><span _ngcontent-ng-c4086923816 class="text-element">Virtual cash register</span><!----><!----></a><!----></div><div _ngcontent-ng-c4086923816 class="second-layer">
15<a _ngcontent-ng-c4086923816 routerlinkactive="active" class="second" title="Payment link" href="/en/pos-system/payment#payment"><span _ngcontent-ng-c4086923816 class="icon" data-icon="payment-methods"></span><!----><span _ngcontent-ng-c4086923816 class="text-element">Payment</span><!----><!----></a><!----></div><div _ngcontent-ng-c4086923816 class="second-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="second" title="System link" href="/en/pos-system/system#system"><span _ngcontent-ng-c4086923816 class="icon" data-icon="oktopos-logo"></span><!----><span _ngcontent-ng-c4086923816 class="text-element">System</span><!----><span _ngcontent-ng-c4086923816 data-icon="chevron-down" class="sub-menu-icon"></span><!----></a><div _ngcontent-ng-c4086923816 class="third-layer-wrap"><div _ngcontent-ng-c4086923816 class="third-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="third" title="Interfaces link" href="/en/pos-system/system/interfaces#interfaces"><span _ngcontent-ng-c4086923816 class="icon" data-icon="interfaces"></span><span _ngcontent-ng-c4086923816 class="text-element">Interfaces</span></a></div><!----></div><!----></div><div _ngcontent-ng-c4086923816 class="second-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="second" title="Industries link" href="/en/pos-system/industries#industries"><span _ngcontent-ng-c4086923816 class="icon" data-icon="divisions"></span><!----><span _ngcontent-ng-c4086923816 class="text-element">Industries</span><!----><!----></a><!----></div><div _ngcontent-ng-c4086923816 class="second-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="second" title="Scale link" href="/en/pos-system/checkout/scale#scale"><span _ngcontent-ng-c4086923816 class="icon" data-icon="scale"></span><!----><span _ngcontent-ng-c4086923816 class="text-element">Scale</span><!----><!----></a><!----></div><div _ngcontent-ng-c4086923816 class="second-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="second" title="Hardware link" href="/en/pos-system/hardware#hardware"><span _ngcontent-ng-c4086923816 class="icon" data-icon="hardware-overview"></span><!----><span _ngcontent-ng-c4086923816 class="text-element">Hardware</span><!----><!----></a><!----></div><!----></div><!----></div><div _ngcontent-ng-c4086923816 class="first-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="first" title="Self checkout link" href="/en/self-checkout"><span _ngcontent-ng-c4086923816>Self checkout</span><span _ngcontent-ng-c4086923816 data-icon="chevron-down" class="sub-menu-icon"></span><!----></a><div _ngcontent-ng-c4086923816 class="sub-menu-wrap"><div _ngcontent-ng-c4086923816 class="second-layer" data-branche="gastronomie"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="second" title="Office and canteen link" href="/en/self-checkout#selfcheckoutkaffeepunkt"><span _ngcontent-ng-c4086923816 class="icon" data-icon="offices"></span><!----><span _ngcontent-ng-c4086923816 class="text-element">Office and canteen</span><!----><!----></a><!----></div><div _ngcontent-ng-c4086923816 class="second-layer" data-branche="gastronomie"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="second" title="Hotel link" href="/en/self-checkout#selfcheckouthotel"><span _ngcontent-ng-c4086923816 class="icon" data-icon="hotel-lobbies"></span><!----><span _ngcontent-ng-c4086923816 class="text-element">Hotel</span><!----><!----></a><!----></div><div _ngcontent-ng-c4086923816 class="second-layer" data-branche="einzelhandel"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="second" title="Supermarket link" href="/en/self-checkout#selfcheckoutsupermarkt"><span _ngcontent-ng-c4086923816 class="icon" data-icon="shopping-cart"></span><!----><span _ngcontent-ng-c4086923816 class="text-element">Supermarket</span><!----><!----></a><!----></div><div _ngcontent-ng-c4086923816 class="second-layer" data-branche="einzelhandel"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="second" title="Unstaffed store link" href="/en/self-checkout#selfcheckoutterminal"><span _ngcontent-ng-c4086923816 class="icon" data-icon="scanner"></span><!----><span _ngcontent-ng-c4086923816 class="text-element">Unstaffed store</span><!----><!----></a><!----></div><div _ngcontent-ng-c4086923816 class="second-layer" data-branche="gastronomie">
15<a _ngcontent-ng-c4086923816 routerlinkactive="active" class="second" title="Restaurant link" href="/en/self-checkout#selfcheckoutrestaurant"><span _ngcontent-ng-c4086923816 class="icon" data-icon="restaurants"></span><!----><span _ngcontent-ng-c4086923816 class="text-element">Restaurant</span><!----><!----></a><!----></div><div _ngcontent-ng-c4086923816 class="second-layer" data-branche="einzelhandel"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="second" title="OktoOpen door opening link" href="/en/self-checkout#oktoopen"><span _ngcontent-ng-c4086923816 class="icon" data-icon="customer-card"></span><!----><span _ngcontent-ng-c4086923816 class="text-element">OktoOpen door opening</span><!----><!----></a><!----></div><!----></div><!----></div><div _ngcontent-ng-c4086923816 class="first-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="first active" title="Self-ordering link" href="/en/self-order-systems"><span _ngcontent-ng-c4086923816>Self-ordering</span><span _ngcontent-ng-c4086923816 data-icon="chevron-down" class="sub-menu-icon"></span><!----></a><div _ngcontent-ng-c4086923816 class="sub-menu-wrap"><div _ngcontent-ng-c4086923816 class="second-layer" data-branche="gastronomie"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="second" title="OrderTab link" href="/en/self-order-systems/ordertab#ordertab"><span _ngcontent-ng-c4086923816 class="icon" data-icon="order-tab"></span><!----><span _ngcontent-ng-c4086923816 class="text-element">OrderTab</span><!----><!----></a><!----></div><div _ngcontent-ng-c4086923816 class="second-layer" data-branche="gastronomie"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="second" title="Order terminals link" href="/en/self-order-systems/order-terminals#orderterminals"><span _ngcontent-ng-c4086923816 class="icon" data-icon="self-order-payment"></span><!----><span _ngcontent-ng-c4086923816 class="text-element">Order terminals</span><!----><!----></a><!----></div><div _ngcontent-ng-c4086923816 class="second-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="second" title="Self order terminals link" href="/en/self-order-systems/terminals#terminals"><span _ngcontent-ng-c4086923816 class="icon" data-icon="self-order"></span><!----><span _ngcontent-ng-c4086923816 class="text-element">Self order terminals</span><!----><!----></a><!----></div><div _ngcontent-ng-c4086923816 class="second-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="second active" title="Mobile ordering / Shop link" href="/en/self-order-systems/mobile-ordering#mobileordering"><span _ngcontent-ng-c4086923816 class="icon" data-icon="mobile-ordering"></span><span _ngcontent-ng-c4086923816 class="text-element" data-branche="gastronomie">Mobile ordering / Shop</span><span _ngcontent-ng-c4086923816 class="text-element nur-handel" data-branche="einzelhandel">Online shop</span><!----><!----><span _ngcontent-ng-c4086923816 data-icon="chevron-down" class="sub-menu-icon" data-branche="gastronomie"></span><!----></a><div _ngcontent-ng-c4086923816 class="third-layer-wrap" data-branche="gastronomie"><div _ngcontent-ng-c4086923816 class="third-layer" data-branche="gastronomie"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="third" title="Digital menu link" href="/en/self-order-systems/mobile-ordering/digital-menu#digitalmenu"><span _ngcontent-ng-c4086923816 class="icon" data-icon="digital-menu"></span><span _ngcontent-ng-c4086923816 class="text-element">Digital menu</span></a></div><div _ngcontent-ng-c4086923816 class="third-layer" data-branche="gastronomie"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="third" title="Take away app link" href="/en/self-order-systems/mobile-ordering/take-away-app#takeawayapp"><span _ngcontent-ng-c4086923816 class="icon" data-icon="take-away-app"></span><span _ngcontent-ng-c4086923816 class="text-element">Take away app</span></a></div><div _ngcontent-ng-c4086923816 class="third-layer" data-branche="gastronomie"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="third" title="BYOD link" href="/en/self-order-systems/mobile-ordering/byod#byo
15d"><span _ngcontent-ng-c4086923816 class="icon" data-icon="byod"></span><span _ngcontent-ng-c4086923816 class="text-element">BYOD</span></a></div><div _ngcontent-ng-c4086923816 class="third-layer" data-branche="gastronomie"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="third active" title="Shop link" href="/en/self-order-systems/mobile-ordering/shop#shop"><span _ngcontent-ng-c4086923816 class="icon" data-icon="cash-register"></span><span _ngcontent-ng-c4086923816 class="text-element">Shop</span></a></div><div _ngcontent-ng-c4086923816 class="third-layer" data-branche="gastronomie"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="third" title="Hotel link" href="/en/self-order-systems/mobile-ordering/hotel#hotel"><span _ngcontent-ng-c4086923816 class="icon" data-icon="hotels"></span><span _ngcontent-ng-c4086923816 class="text-element">Hotel</span></a></div><!----></div><!----></div><div _ngcontent-ng-c4086923816 class="second-layer" data-branche="gastronomie"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="second" title="E-Menu link" href="/en/self-order-systems/emenu#emenu"><span _ngcontent-ng-c4086923816 class="icon" data-icon="emenu"></span><!----><span _ngcontent-ng-c4086923816 class="text-element">E-Menu</span><!----><span _ngcontent-ng-c4086923816 data-icon="chevron-down" class="sub-menu-icon"></span><!----></a><div _ngcontent-ng-c4086923816 class="third-layer-wrap"><div _ngcontent-ng-c4086923816 class="third-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="third" title="Restaurants link" href="/en/self-order-systems/emenu/restaurants#restaurants"><span _ngcontent-ng-c4086923816 class="icon" data-icon="restaurants"></span><span _ngcontent-ng-c4086923816 class="text-element">Restaurants</span></a></div><div _ngcontent-ng-c4086923816 class="third-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="third" title="Food Trucks link" href="/en/self-order-systems/emenu/food-trucks#foodtrucks"><span _ngcontent-ng-c4086923816 class="icon" data-icon="food-trucks"></span><span _ngcontent-ng-c4086923816 class="text-element">Food Trucks</span></a></div><div _ngcontent-ng-c4086923816 class="third-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="third" title="Hotels link" href="/en/self-order-systems/emenu/hotels#hotels"><span _ngcontent-ng-c4086923816 class="icon" data-icon="hotels"></span><span _ngcontent-ng-c4086923816 class="text-element">Hotels</span></a></div><div _ngcontent-ng-c4086923816 class="third-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="third" title="Offices link" href="/en/self-order-systems/emenu/office#office"><span _ngcontent-ng-c4086923816 class="icon" data-icon="offices"></span><span _ngcontent-ng-c4086923816 class="text-element">Offices</span></a></div><div _ngcontent-ng-c4086923816 class="third-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="third" title="Functions link" href="/en/self-order-systems/emenu/functions#functions"><span _ngcontent-ng-c4086923816 class="icon" data-icon="functions"></span><span _ngcontent-ng-c4086923816 class="text-element">Functions</span></a></div><div _ngcontent-ng-c4086923816 class="third-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="third" title="Technology &amp; Design link" href="/en/self-order-systems/emenu/technology#technology"><span _ngcontent-ng-c4086923816 class="icon" data-icon="technology"></span><span _ngcontent-ng-c4086923816 class="text-element">Technology &amp; Design</span></a></div><!----></div><!----></div><div _ngcontent-ng-c4086923816 class="second-layer" data-branche="gastronomie"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="second" title="Guest card link" href="/en/self-order-systems/guest-card#guestcard"><span _ngcontent-ng-c4086923816 class="icon" data-icon="guest-card"></span><!----><span _ngcontent-ng-c4086923816 class="text-element">Guest card</span><!----><!----></a><!----></div><!----></div><!----></div><div _ngcontent-ng-c4086923816 class="first-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="first" title="Customers link" href="/en/customers"><span _ngcontent-ng-c4086923816>Customers</span><span _ngcontent-ng-c4086923816 data-icon="chevron-down" class="sub-menu
15-icon"></span><!----></a><div _ngcontent-ng-c4086923816 class="sub-menu-wrap"><div _ngcontent-ng-c4086923816 class="second-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="second" title="Cards &amp; Vouchers link" href="/en/customers/cards#cards"><span _ngcontent-ng-c4086923816 class="icon" data-icon="gift-voucher"></span><!----><span _ngcontent-ng-c4086923816 class="text-element">Cards &amp; Vouchers</span><!----><!----></a><!----></div><div _ngcontent-ng-c4086923816 class="second-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="second" title="Customer account link" href="/en/customers/customer-account#customeraccount"><span _ngcontent-ng-c4086923816 class="icon" data-icon="customerselect"></span><!----><span _ngcontent-ng-c4086923816 class="text-element">Customer account</span><!----><!----></a><!----></div><div _ngcontent-ng-c4086923816 class="second-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="second" title="Feedback Terminal link" href="/en/customers/feedback#feedback"><span _ngcontent-ng-c4086923816 class="icon" data-icon="feedback"></span><!----><span _ngcontent-ng-c4086923816 class="text-element">Feedback Terminal</span><!----><!----></a><!----></div><div _ngcontent-ng-c4086923816 class="second-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="second" title="Reservation &amp; Events link" href="/en/customers/reservation-events#reservationsystem"><span _ngcontent-ng-c4086923816 class="icon" data-icon="reservation-system"></span><!----><span _ngcontent-ng-c4086923816 class="text-element">Reservation &amp; Events</span><!----><!----></a><!----></div><div _ngcontent-ng-c4086923816 class="second-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="second" title="Content Management Website link" href="/en/customers/content-management-website#cms"><span _ngcontent-ng-c4086923816 class="icon" data-icon="content-management-website"></span><!----><span _ngcontent-ng-c4086923816 class="text-element">Content Management Website</span><!----><!----></a><!----></div><!----></div><!----></div><div _ngcontent-ng-c4086923816 class="first-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="first" title="Operations link" href="/en/operations"><span _ngcontent-ng-c4086923816>Operations</span><span _ngcontent-ng-c4086923816 data-icon="chevron-down" class="sub-menu-icon"></span><!----></a><div _ngcontent-ng-c4086923816 class="sub-menu-wrap"><div _ngcontent-ng-c4086923816 class="second-layer" data-branche="gastronomie"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="second" title="Kitchen monitors link" href="/en/operations/kitchen-monitors#kitchenmonitors"><span _ngcontent-ng-c4086923816 class="icon" data-icon="kitchen-monitors"></span><!----><span _ngcontent-ng-c4086923816 class="text-element">Kitchen monitors</span><!----><!----></a><!----></div><div _ngcontent-ng-c4086923816 class="second-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="second" title="Production control &amp; planning link" href="/en/operations/production-control#productioncontrol"><span _ngcontent-ng-c4086923816 class="icon" data-icon="production-control"></span><!----><span _ngcontent-ng-c4086923816 class="text-element">Production control &amp; planning</span><!----><!----></a><!----></div><div _ngcontent-ng-c4086923816 class="second-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="second" title="Label Printer link" href="/en/operations/label-printers#labelprinters"><span _ngcontent-ng-c4086923816 class="icon" data-icon="label-printer"></span><!----><span _ngcontent-ng-c4086923816 class="text-element">Label Printer</span><!----><!----></a><!----></div><div _ngcontent-ng-c4086923816 class="second-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="second" title="Procurement link" href="/en/operations/procurement#procurement"><span _ngcontent-ng-c4086923816 class="icon" data-icon="procurement"></span><!----><span _ngcontent-ng-c4086923816 class="text-element">Procurement</span><!----><!----></a><!----></div><!----></div><!----></div><div _ngcontent-ng-c4086923816 class="first-layer">
15<a _ngcontent-ng-c4086923816 routerlinkactive="active" class="first" title="Management link" href="/en/management"><span _ngcontent-ng-c4086923816>Management</span><span _ngcontent-ng-c4086923816 data-icon="chevron-down" class="sub-menu-icon"></span><!----></a><div _ngcontent-ng-c4086923816 class="sub-menu-wrap"><div _ngcontent-ng-c4086923816 class="second-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="second" title="OktoPOS Manager link" href="/en/management/oktopos-manager#oktoposmanager"><span _ngcontent-ng-c4086923816 class="icon" data-icon="cloud"></span><!----><span _ngcontent-ng-c4086923816 class="text-element">OktoPOS Manager</span><!----><!----></a><!----></div><div _ngcontent-ng-c4086923816 class="second-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="second" title="Materials link" href="/en/management/materials#materials"><span _ngcontent-ng-c4086923816 class="icon" data-icon="inventory-management"></span><!----><span _ngcontent-ng-c4086923816 class="text-element">Materials</span><!----><span _ngcontent-ng-c4086923816 data-icon="chevron-down" class="sub-menu-icon"></span><!----></a><div _ngcontent-ng-c4086923816 class="third-layer-wrap"><div _ngcontent-ng-c4086923816 class="third-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="third" title="Inventory link" href="/en/management/materials/inventory#inventory"><span _ngcontent-ng-c4086923816 class="icon" data-icon="inventory-management"></span><span _ngcontent-ng-c4086923816 class="text-element">Inventory</span></a></div><div _ngcontent-ng-c4086923816 class="third-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="third" title="Articles link" href="/en/management/materials/articles#articles"><span _ngcontent-ng-c4086923816 class="icon" data-icon="inventory-management"></span><span _ngcontent-ng-c4086923816 class="text-element">Articles</span></a></div><div _ngcontent-ng-c4086923816 class="third-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="third" title="Recipes, Nutrition &amp; Allergens link" href="/en/management/materials/recipes-nutrition-allergens#recipes"><span _ngcontent-ng-c4086923816 class="icon" data-icon="nutrition"></span><span _ngcontent-ng-c4086923816 class="text-element">Recipes, Nutrition &amp; Allergens</span></a></div><!----></div><!----></div><div _ngcontent-ng-c4086923816 class="second-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="second" title="Human resources link" href="/en/management/human-resources#humanresources"><span _ngcontent-ng-c4086923816 class="icon" data-icon="human-resources"></span><!----><span _ngcontent-ng-c4086923816 class="text-element">Human resources</span><!----><span _ngcontent-ng-c4086923816 data-icon="chevron-down" class="sub-menu-icon"></span><!----></a><div _ngcontent-ng-c4086923816 class="third-layer-wrap"><div _ngcontent-ng-c4086923816 class="third-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="third" title="Employee management link" href="/en/management/human-resources/employee-management#employees"><span _ngcontent-ng-c4086923816 class="icon" data-icon="human-resources"></span><span _ngcontent-ng-c4086923816 class="text-element">Employee management</span></a></div><div _ngcontent-ng-c4086923816 class="third-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="third" title="Job postings &amp; Recruiting link" href="/en/management/human-resources/jobs#jobs"><span _ngcontent-ng-c4086923816 class="icon" data-icon="recruiting"></span><span _ngcontent-ng-c4086923816 class="text-element">Job postings &amp; Recruiting</span></a></div><!----></div><!----></div><div _ngcontent-ng-c4086923816 class="second-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="second" title="Finance / Controlling link" href="/en/management/finance-controlling#financecontrolling"><span _ngcontent-ng-c4086923816 class="icon" data-icon="cashingup"></span><!----><span _ngcontent-ng-c4086923816 class="text-element">Finance / Controlling</span><!----><span _ngcontent-ng-c4086923816 data-icon="chevron-down" class="sub-menu
15-icon"></span><!----></a><div _ngcontent-ng-c4086923816 class="third-layer-wrap"><div _ngcontent-ng-c4086923816 class="third-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="third" title="Reports link" href="/en/management/finance-controlling/reports#reports"><span _ngcontent-ng-c4086923816 class="icon" data-icon="reports"></span><span _ngcontent-ng-c4086923816 class="text-element">Reports</span></a></div><div _ngcontent-ng-c4086923816 class="third-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="third" title="Controlling link" href="/en/management/finance-controlling/controlling#controlling"><span _ngcontent-ng-c4086923816 class="icon" data-icon="controlling"></span><span _ngcontent-ng-c4086923816 class="text-element">Controlling</span></a></div><div _ngcontent-ng-c4086923816 class="third-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="third" title="Cash journal link" href="/en/management/finance-controlling/cash-book#cashbook"><span _ngcontent-ng-c4086923816 class="icon" data-icon="cash-book"></span><span _ngcontent-ng-c4086923816 class="text-element">Cash journal</span></a></div><div _ngcontent-ng-c4086923816 class="third-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="third" title="For tax consultants link" href="/en/management/finance-controlling/tax-consultants#taxconsultants"><span _ngcontent-ng-c4086923816 class="icon" data-icon="tax-consult"></span><span _ngcontent-ng-c4086923816 class="text-element">For tax consultants</span></a></div><div _ngcontent-ng-c4086923816 class="third-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="third" title="Accounting export link" href="/en/management/finance-controlling/accounting-export#export"><span _ngcontent-ng-c4086923816 class="icon" data-icon="accounting-export"></span><span _ngcontent-ng-c4086923816 class="text-element">Accounting export</span></a></div><!----></div><!----></div><div _ngcontent-ng-c4086923816 class="second-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="second" title="AI agents link" href="/en/management/mcp#mcp"><span _ngcontent-ng-c4086923816 class="icon" data-icon="cloud"></span><!----><span _ngcontent-ng-c4086923816 class="text-element">AI agents</span><!----><!----></a><!----></div><!----></div><!----></div><div _ngcontent-ng-c4086923816 class="first-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="first" title="About us link" href="/en/about-us"><span _ngcontent-ng-c4086923816>About us</span><span _ngcontent-ng-c4086923816 data-icon="chevron-down" class="sub-menu-icon"></span><!----></a><div _ngcontent-ng-c4086923816 class="sub-menu-wrap"><div _ngcontent-ng-c4086923816 class="second-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="second" title="Contact link" href="/en/about-us/contact#contact"><span _ngcontent-ng-c4086923816 class="icon" data-icon="contact"></span><!----><span _ngcontent-ng-c4086923816 class="text-element">Contact</span><!----><!----></a><!----></div><!----></div><!----></div><div _ngcontent-ng-c4086923816 class="first-layer"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="first" title="Support link" href="/en/support"><span _ngcontent-ng-c4086923816>Support</span><!----></a><!----></div><!----><div _ngcontent-ng-c4086923816 class="logo-eintraege"><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="second" href="/en/license"><span _ngcontent-ng-c4086923816 class="icon" data-icon="license"></span><span _ngcontent-ng-c4086923816 class="text-element">License</span></a><a _ngcontent-ng-c4086923816 routerlinkactive="active" class="second" href="/en/compliance"><span _ngcontent-ng-c4086923816 class="icon" data-icon="compliance"></span><span _ngcontent-ng-c4086923816 class="text-element">Compliance</span></a><!----></div></nav></app-navigation></div><div _ngcontent-ng-c507913522 class="navi-trigger"><span _ngcontent-ng-c507913522></span><span _ngcontent-ng-c507913522></span><span _ngcontent-ng-c507913522></span></div><div _ngcontent-ng-c507913522 class="phone-link"><a _ngcontent-ng-c507913522 title="German phone number" href="tel:+494046656570"><img _ngcontent-ng-c507913522 title="Germany" ngsrc="/assets/images/flags/de.png" alt="German flag" height="20" width="30" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/flags/de.png"><span _ngcontent-ng-c507913522>+49 (40) 466 565 70</span></a><!----><!----><!----><!----><!----><!----><!----></div>
15<div _ngcontent-ng-c507913522 class="header-controls"><app-search _ngcontent-ng-c507913522 _nghost-ng-c1014936078><button _ngcontent-ng-c1014936078 type="button" aria-label="Open search" class="search-trigger" aria-expanded="false"><svg _ngcontent-ng-c1014936078="" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" aria-hidden="true"><circle _ngcontent-ng-c1014936078="" cx="10.5" cy="10.5" r="6.5"/><path _ngcontent-ng-c1014936078="" d="M15.5 15.5 21 21"/></svg></button><!----></app-search><div _ngcontent-ng-c507913522 class="language-switch"><button _ngcontent-ng-c507913522 type="button" title="Select your country and language" class="current-language"><img _ngcontent-ng-c507913522 height="20" width="30" src="/assets/images/flags/us.png" alt="USA"><span _ngcontent-ng-c507913522 class="sprache">English</span><span _ngcontent-ng-c507913522 data-icon="chevron-down" aria-hidden="true" class="pfeil"></span></button><!----></div></div></div><app-filter _ngcontent-ng-c507913522 _nghost-ng-c3942840317><section _ngcontent-ng-c3942840317 id="filterArea"><div _ngcontent-ng-c3942840317 class="sitemap-location">oktopos.com</div><div _ngcontent-ng-c3942840317 id="progressBarContainer" class="scroll-progress-container"><div _ngcontent-ng-c3942840317 id="progressBar" class="progress-bar"></div></div></section></app-filter><app-branchen-wahl _ngcontent-ng-c507913522 _nghost-ng-c1287347630 style="--branchen-oben: 101px; --branchen-zeile: 35px;"><!----></app-branchen-wahl><!----><nav _ngcontent-ng-c507913522 class="mobile-menu" hidden><section _ngcontent-ng-c507913522 class="wrap grid-20-nav"><div _ngcontent-ng-c507913522 class="mobile-section"><a _ngcontent-ng-c507913522 routerlinkactive="active" class="title grid-15-85 vertical-center" title="POS System" href="/en/pos-system"><span _ngcontent-ng-c507913522 class="first-element" data-icon="cash-register"></span><span _ngcontent-ng-c507913522>POS System</span></a><div _ngcontent-ng-c507913522 class="mobile-second-layer"><a _ngcontent-ng-c507913522 routerlinkactive="url-active" class="grid-15-85 vertical-center" title="Cash register link" href="/en/pos-system/checkout/cash-register#cashregister"><span _ngcontent-ng-c507913522 class="first-element" data-icon="cash-register"></span><!----><span _ngcontent-ng-c507913522>Cash register</span><!----></a><!----></div><div _ngcontent-ng-c507913522 class="mobile-second-layer"><a _ngcontent-ng-c507913522 routerlinkactive="url-active" class="grid-15-85 vertical-center" title="Virtual cash register link" href="/en/pos-system/checkout/virtual-cash-register#virtualcashregister"><span _ngcontent-ng-c507913522 class="first-element" data-icon="virtual-cash-register"></span><!----><span _ngcontent-ng-c507913522>Virtual cash register</span><!----></a><!----></div><div _ngcontent-ng-c507913522 class="mobile-second-layer"><a _ngcontent-ng-c507913522 routerlinkactive="url-active" class="grid-15-85 vertical-center" title="Payment link" href="/en/pos-system/payment#payment"><span _ngcontent-ng-c507913522 class="first-element" data-icon="payment-methods"></span><!----><span _ngcontent-ng-c507913522>Payment</span><!----></a><!----></div><div _ngcontent-ng-c507913522 class="mobile-second-layer"><a _ngcontent-ng-c507913522 routerlinkactive="url-active" class="grid-15-85 vertical-center" title="System link" href="/en/pos-system/system#system"><span _ngcontent-ng-c507913522 class="first-element" data-icon="oktopos-logo"></span><!----><span _ngcontent-ng-c507913522>System</span><!----></a><div _ngcontent-ng-c507913522 class="mobile-second-layer"><a _ngcontent-ng-c507913522 routerlinkactive="active" class="grid-15-85 vertical-center" title="Interfaces link" href="/en/pos-system/system/interfaces#interfaces"><span _ngcontent-ng-c507913522 class="first-element" data-icon="interfaces"></span><span _ngcontent-ng-c507913522>Interfaces</span></a></div><!----></div><div _ngcontent-ng-c507913522 class="mobile-second-layer"><a _ngcontent-ng-c507913522 routerlinkactive="url-active" class="grid-15-85 vertical-center" title="Industries link" href="/en/pos-system/industries#industries"><span _ngcontent-ng-c507913522 class="first-element" data-icon="divisions"></span><!----><span _ngcontent-ng-c507913522>Industries</span><!----></a><!----></div><div _ngcontent-ng-c507913522 class="mobile-second-layer">
15<a _ngcontent-ng-c507913522 routerlinkactive="url-active" class="grid-15-85 vertical-center" title="Scale link" href="/en/pos-system/checkout/scale#scale"><span _ngcontent-ng-c507913522 class="first-element" data-icon="scale"></span><!----><span _ngcontent-ng-c507913522>Scale</span><!----></a><!----></div><div _ngcontent-ng-c507913522 class="mobile-second-layer"><a _ngcontent-ng-c507913522 routerlinkactive="url-active" class="grid-15-85 vertical-center" title="Hardware link" href="/en/pos-system/hardware#hardware"><span _ngcontent-ng-c507913522 class="first-element" data-icon="hardware-overview"></span><!----><span _ngcontent-ng-c507913522>Hardware</span><!----></a><!----></div><!----></div><div _ngcontent-ng-c507913522 class="mobile-section"><a _ngcontent-ng-c507913522 routerlinkactive="active" class="title grid-15-85 vertical-center" title="Self checkout" href="/en/self-checkout"><span _ngcontent-ng-c507913522 class="first-element" data-icon="self-checkout"></span><span _ngcontent-ng-c507913522>Self checkout</span></a><div _ngcontent-ng-c507913522 class="mobile-second-layer" data-branche="gastronomie"><a _ngcontent-ng-c507913522 routerlinkactive="url-active" class="grid-15-85 vertical-center" title="Office and canteen link" href="/en/self-checkout#selfcheckoutkaffeepunkt"><span _ngcontent-ng-c507913522 class="first-element" data-icon="offices"></span><!----><span _ngcontent-ng-c507913522>Office and canteen</span><!----></a><!----></div><div _ngcontent-ng-c507913522 class="mobile-second-layer" data-branche="gastronomie"><a _ngcontent-ng-c507913522 routerlinkactive="url-active" class="grid-15-85 vertical-center" title="Hotel link" href="/en/self-checkout#selfcheckouthotel"><span _ngcontent-ng-c507913522 class="first-element" data-icon="hotel-lobbies"></span><!----><span _ngcontent-ng-c507913522>Hotel</span><!----></a><!----></div><div _ngcontent-ng-c507913522 class="mobile-second-layer" data-branche="einzelhandel"><a _ngcontent-ng-c507913522 routerlinkactive="url-active" class="grid-15-85 vertical-center" title="Supermarket link" href="/en/self-checkout#selfcheckoutsupermarkt"><span _ngcontent-ng-c507913522 class="first-element" data-icon="shopping-cart"></span><!----><span _ngcontent-ng-c507913522>Supermarket</span><!----></a><!----></div><div _ngcontent-ng-c507913522 class="mobile-second-layer" data-branche="einzelhandel"><a _ngcontent-ng-c507913522 routerlinkactive="url-active" class="grid-15-85 vertical-center" title="Unstaffed store link" href="/en/self-checkout#selfcheckoutterminal"><span _ngcontent-ng-c507913522 class="first-element" data-icon="scanner"></span><!----><span _ngcontent-ng-c507913522>Unstaffed store</span><!----></a><!----></div><div _ngcontent-ng-c507913522 class="mobile-second-layer" data-branche="gastronomie"><a _ngcontent-ng-c507913522 routerlinkactive="url-active" class="grid-15-85 vertical-center" title="Restaurant link" href="/en/self-checkout#selfcheckoutrestaurant"><span _ngcontent-ng-c507913522 class="first-element" data-icon="restaurants"></span><!----><span _ngcontent-ng-c507913522>Restaurant</span><!----></a><!----></div><div _ngcontent-ng-c507913522 class="mobile-second-layer" data-branche="einzelhandel"><a _ngcontent-ng-c507913522 routerlinkactive="url-active" class="grid-15-85 vertical-center" title="OktoOpen door opening link" href="/en/self-checkout#oktoopen"><span _ngcontent-ng-c507913522 class="first-element" data-icon="customer-card"></span><!----><span _ngcontent-ng-c507913522>OktoOpen door opening</span><!----></a><!----></div><!----></div><div _ngcontent-ng-c507913522 class="mobile-section"><a _ngcontent-ng-c507913522 routerlinkactive="active" class="title grid-15-85 vertical-center active" title="Self-ordering" href="/en/self-order-systems"><span _ngcontent-ng-c507913522 class="first-element" data-icon="self-order"></span><span _ngcontent-ng-c507913522>Self-ordering</span></a><div _ngcontent-ng-c507913522 class="mobile-second-layer" data-branche="gastronomie"><a _ngcontent-ng-c507913522 routerlinkactive="url-active" class="grid-15-85 vertical-center" title="OrderTab link" href="/en/self-order-systems/ordertab#ordertab"><span _ngcontent-ng-c507913522 class="first-element" data-icon="order-tab"></span><!----><span _ngcontent-ng-c507913522>OrderTab</span><!----></a><!----></div><div _ngcontent-ng-c507913522 class="mobile-second-layer" data-branche="gastronomie">
15<a _ngcontent-ng-c507913522 routerlinkactive="url-active" class="grid-15-85 vertical-center" title="Order terminals link" href="/en/self-order-systems/order-terminals#orderterminals"><span _ngcontent-ng-c507913522 class="first-element" data-icon="self-order-payment"></span><!----><span _ngcontent-ng-c507913522>Order terminals</span><!----></a><!----></div><div _ngcontent-ng-c507913522 class="mobile-second-layer"><a _ngcontent-ng-c507913522 routerlinkactive="url-active" class="grid-15-85 vertical-center" title="Self order terminals link" href="/en/self-order-systems/terminals#terminals"><span _ngcontent-ng-c507913522 class="first-element" data-icon="self-order"></span><!----><span _ngcontent-ng-c507913522>Self order terminals</span><!----></a><!----></div><div _ngcontent-ng-c507913522 class="mobile-second-layer"><a _ngcontent-ng-c507913522 routerlinkactive="url-active" class="grid-15-85 vertical-center url-active" title="Mobile ordering / Shop link" href="/en/self-order-systems/mobile-ordering#mobileordering"><span _ngcontent-ng-c507913522 class="first-element" data-icon="mobile-ordering"></span><span _ngcontent-ng-c507913522 data-branche="gastronomie">Mobile ordering / Shop</span><span _ngcontent-ng-c507913522 class="nur-handel" data-branche="einzelhandel">Online shop</span><!----><!----></a><div _ngcontent-ng-c507913522 class="mobile-second-layer" data-branche="gastronomie"><a _ngcontent-ng-c507913522 routerlinkactive="active" class="grid-15-85 vertical-center" title="Digital menu link" href="/en/self-order-systems/mobile-ordering/digital-menu#digitalmenu"><span _ngcontent-ng-c507913522 class="first-element" data-icon="digital-menu"></span><span _ngcontent-ng-c507913522>Digital menu</span></a></div><div _ngcontent-ng-c507913522 class="mobile-second-layer" data-branche="gastronomie"><a _ngcontent-ng-c507913522 routerlinkactive="active" class="grid-15-85 vertical-center" title="Take away app link" href="/en/self-order-systems/mobile-ordering/take-away-app#takeawayapp"><span _ngcontent-ng-c507913522 class="first-element" data-icon="take-away-app"></span><span _ngcontent-ng-c507913522>Take away app</span></a></div><div _ngcontent-ng-c507913522 class="mobile-second-layer" data-branche="gastronomie"><a _ngcontent-ng-c507913522 routerlinkactive="active" class="grid-15-85 vertical-center" title="BYOD link" href="/en/self-order-systems/mobile-ordering/byod#byod"><span _ngcontent-ng-c507913522 class="first-element" data-icon="byod"></span><span _ngcontent-ng-c507913522>BYOD</span></a></div><div _ngcontent-ng-c507913522 class="mobile-second-layer" data-branche="gastronomie"><a _ngcontent-ng-c507913522 routerlinkactive="active" class="grid-15-85 vertical-center active" title="Shop link" href="/en/self-order-systems/mobile-ordering/shop#shop"><span _ngcontent-ng-c507913522 class="first-element" data-icon="cash-register"></span><span _ngcontent-ng-c507913522>Shop</span></a></div><div _ngcontent-ng-c507913522 class="mobile-second-layer" data-branche="gastronomie"><a _ngcontent-ng-c507913522 routerlinkactive="active" class="grid-15-85 vertical-center" title="Hotel link" href="/en/self-order-systems/mobile-ordering/hotel#hotel"><span _ngcontent-ng-c507913522 class="first-element" data-icon="hotels"></span><span _ngcontent-ng-c507913522>Hotel</span></a></div><!----></div><div _ngcontent-ng-c507913522 class="mobile-second-layer" data-branche="gastronomie"><a _ngcontent-ng-c507913522 routerlinkactive="url-active" class="grid-15-85 vertical-center" title="E-Menu link" href="/en/self-order-systems/emenu#emenu"><span _ngcontent-ng-c507913522 class="first-element" data-icon="emenu"></span><!----><span _ngcontent-ng-c507913522>E-Menu</span><!----></a><div _ngcontent-ng-c507913522 class="mobile-second-layer"><a _ngcontent-ng-c507913522 routerlinkactive="active" class="grid-15-85 vertical-center" title="Restaurants link" href="/en/self-order-systems/emenu/restaurants#restaurants"><span _ngcontent-ng-c507913522 class="first-element" data-icon="restaurants"></span><span _ngcontent-ng-c507913522>Restaurants</span></a></div><div _ngcontent-ng-c507913522 class="mobile-second-layer">
15<a _ngcontent-ng-c507913522 routerlinkactive="active" class="grid-15-85 vertical-center" title="Food Trucks link" href="/en/self-order-systems/emenu/food-trucks#foodtrucks"><span _ngcontent-ng-c507913522 class="first-element" data-icon="food-trucks"></span><span _ngcontent-ng-c507913522>Food Trucks</span></a></div><div _ngcontent-ng-c507913522 class="mobile-second-layer"><a _ngcontent-ng-c507913522 routerlinkactive="active" class="grid-15-85 vertical-center" title="Hotels link" href="/en/self-order-systems/emenu/hotels#hotels"><span _ngcontent-ng-c507913522 class="first-element" data-icon="hotels"></span><span _ngcontent-ng-c507913522>Hotels</span></a></div><div _ngcontent-ng-c507913522 class="mobile-second-layer"><a _ngcontent-ng-c507913522 routerlinkactive="active" class="grid-15-85 vertical-center" title="Offices link" href="/en/self-order-systems/emenu/office#office"><span _ngcontent-ng-c507913522 class="first-element" data-icon="offices"></span><span _ngcontent-ng-c507913522>Offices</span></a></div><div _ngcontent-ng-c507913522 class="mobile-second-layer"><a _ngcontent-ng-c507913522 routerlinkactive="active" class="grid-15-85 vertical-center" title="Functions link" href="/en/self-order-systems/emenu/functions#functions"><span _ngcontent-ng-c507913522 class="first-element" data-icon="functions"></span><span _ngcontent-ng-c507913522>Functions</span></a></div><div _ngcontent-ng-c507913522 class="mobile-second-layer"><a _ngcontent-ng-c507913522 routerlinkactive="active" class="grid-15-85 vertical-center" title="Technology &amp; Design link" href="/en/self-order-systems/emenu/technology#technology"><span _ngcontent-ng-c507913522 class="first-element" data-icon="technology"></span><span _ngcontent-ng-c507913522>Technology &amp; Design</span></a></div><!----></div><div _ngcontent-ng-c507913522 class="mobile-second-layer" data-branche="gastronomie"><a _ngcontent-ng-c507913522 routerlinkactive="url-active" class="grid-15-85 vertical-center" title="Guest card link" href="/en/self-order-systems/guest-card#guestcard"><span _ngcontent-ng-c507913522 class="first-element" data-icon="guest-card"></span><!----><span _ngcontent-ng-c507913522>Guest card</span><!----></a><!----></div><!----></div><div _ngcontent-ng-c507913522 class="mobile-section"><a _ngcontent-ng-c507913522 routerlinkactive="active" class="title grid-15-85 vertical-center" title="Customers" href="/en/customers"><span _ngcontent-ng-c507913522 class="first-element" data-icon="customer-card"></span><span _ngcontent-ng-c507913522>Customers</span></a><div _ngcontent-ng-c507913522 class="mobile-second-layer"><a _ngcontent-ng-c507913522 routerlinkactive="url-active" class="grid-15-85 vertical-center" title="Cards &amp; Vouchers link" href="/en/customers/cards#cards"><span _ngcontent-ng-c507913522 class="first-element" data-icon="gift-voucher"></span><!----><span _ngcontent-ng-c507913522>Cards &amp; Vouchers</span><!----></a><!----></div><div _ngcontent-ng-c507913522 class="mobile-second-layer"><a _ngcontent-ng-c507913522 routerlinkactive="url-active" class="grid-15-85 vertical-center" title="Customer account link" href="/en/customers/customer-account#customeraccount"><span _ngcontent-ng-c507913522 class="first-element" data-icon="customerselect"></span><!----><span _ngcontent-ng-c507913522>Customer account</span><!----></a><!----></div><div _ngcontent-ng-c507913522 class="mobile-second-layer"><a _ngcontent-ng-c507913522 routerlinkactive="url-active" class="grid-15-85 vertical-center" title="Feedback Terminal link" href="/en/customers/feedback#feedback"><span _ngcontent-ng-c507913522 class="first-element" data-icon="feedback"></span><!----><span _ngcontent-ng-c507913522>Feedback Terminal</span><!----></a><!----></div><div _ngcontent-ng-c507913522 class="mobile-second-layer"><a _ngcontent-ng-c507913522 routerlinkactive="url-active" class="grid-15-85 vertical-center" title="Reservation &amp; Events link" href="/en/customers/reservation-events#reservationsystem"><span _ngcontent-ng-c507913522 class="first-element" data-icon="reservation-system"></span><!----><span _ngcontent-ng-c507913522>Reservation &amp; Events</span><!----></a><!----></div><div _ngcontent-ng-c507913522 class="mobile-second-layer">
15<a _ngcontent-ng-c507913522 routerlinkactive="url-active" class="grid-15-85 vertical-center" title="Content Management Website link" href="/en/customers/content-management-website#cms"><span _ngcontent-ng-c507913522 class="first-element" data-icon="content-management-website"></span><!----><span _ngcontent-ng-c507913522>Content Management Website</span><!----></a><!----></div><!----></div><div _ngcontent-ng-c507913522 class="mobile-section"><a _ngcontent-ng-c507913522 routerlinkactive="active" class="title grid-15-85 vertical-center" title="Operations" href="/en/operations"><span _ngcontent-ng-c507913522 class="first-element" data-icon="production-control"></span><span _ngcontent-ng-c507913522>Operations</span></a><div _ngcontent-ng-c507913522 class="mobile-second-layer" data-branche="gastronomie"><a _ngcontent-ng-c507913522 routerlinkactive="url-active" class="grid-15-85 vertical-center" title="Kitchen monitors link" href="/en/operations/kitchen-monitors#kitchenmonitors"><span _ngcontent-ng-c507913522 class="first-element" data-icon="kitchen-monitors"></span><!----><span _ngcontent-ng-c507913522>Kitchen monitors</span><!----></a><!----></div><div _ngcontent-ng-c507913522 class="mobile-second-layer"><a _ngcontent-ng-c507913522 routerlinkactive="url-active" class="grid-15-85 vertical-center" title="Production control &amp; planning link" href="/en/operations/production-control#productioncontrol"><span _ngcontent-ng-c507913522 class="first-element" data-icon="production-control"></span><!----><span _ngcontent-ng-c507913522>Production control &amp; planning</span><!----></a><!----></div><div _ngcontent-ng-c507913522 class="mobile-second-layer"><a _ngcontent-ng-c507913522 routerlinkactive="url-active" class="grid-15-85 vertical-center" title="Label Printer link" href="/en/operations/label-printers#labelprinters"><span _ngcontent-ng-c507913522 class="first-element" data-icon="label-printer"></span><!----><span _ngcontent-ng-c507913522>Label Printer</span><!----></a><!----></div><div _ngcontent-ng-c507913522 class="mobile-second-layer"><a _ngcontent-ng-c507913522 routerlinkactive="url-active" class="grid-15-85 vertical-center" title="Procurement link" href="/en/operations/procurement#procurement"><span _ngcontent-ng-c507913522 class="first-element" data-icon="procurement"></span><!----><span _ngcontent-ng-c507913522>Procurement</span><!----></a><!----></div><!----></div><div _ngcontent-ng-c507913522 class="mobile-section"><a _ngcontent-ng-c507913522 routerlinkactive="active" class="title grid-15-85 vertical-center" title="Management" href="/en/management"><span _ngcontent-ng-c507913522 class="first-element" data-icon="management"></span><span _ngcontent-ng-c507913522>Management</span></a><div _ngcontent-ng-c507913522 class="mobile-second-layer"><a _ngcontent-ng-c507913522 routerlinkactive="url-active" class="grid-15-85 vertical-center" title="OktoPOS Manager link" href="/en/management/oktopos-manager#oktoposmanager"><span _ngcontent-ng-c507913522 class="first-element" data-icon="cloud"></span><!----><span _ngcontent-ng-c507913522>OktoPOS Manager</span><!----></a><!----></div><div _ngcontent-ng-c507913522 class="mobile-second-layer"><a _ngcontent-ng-c507913522 routerlinkactive="url-active" class="grid-15-85 vertical-center" title="Materials link" href="/en/management/materials#materials"><span _ngcontent-ng-c507913522 class="first-element" data-icon="inventory-management"></span><!----><span _ngcontent-ng-c507913522>Materials</span><!----></a><div _ngcontent-ng-c507913522 class="mobile-second-layer"><a _ngcontent-ng-c507913522 routerlinkactive="active" class="grid-15-85 vertical-center" title="Inventory link" href="/en/management/materials/inventory#inventory"><span _ngcontent-ng-c507913522 class="first-element" data-icon="inventory-management"></span><span _ngcontent-ng-c507913522>Inventory</span></a></div><div _ngcontent-ng-c507913522 class="mobile-second-layer"><a _ngcontent-ng-c507913522 routerlinkactive="active" class="grid-15-85 vertical-center" title="Articles link" href="/en/management/materials/articles#articles"><span _ngcontent-ng-c507913522 class="first-element" data-icon="inventory-management"></span><span _ngcontent-ng-c507913522>Articles</span></a></div><div _ngcontent-ng-c507913522 class="mobile-second-layer">
15<a _ngcontent-ng-c507913522 routerlinkactive="active" class="grid-15-85 vertical-center" title="Recipes, Nutrition &amp; Allergens link" href="/en/management/materials/recipes-nutrition-allergens#recipes"><span _ngcontent-ng-c507913522 class="first-element" data-icon="nutrition"></span><span _ngcontent-ng-c507913522>Recipes, Nutrition &amp; Allergens</span></a></div><!----></div><div _ngcontent-ng-c507913522 class="mobile-second-layer"><a _ngcontent-ng-c507913522 routerlinkactive="url-active" class="grid-15-85 vertical-center" title="Human resources link" href="/en/management/human-resources#humanresources"><span _ngcontent-ng-c507913522 class="first-element" data-icon="human-resources"></span><!----><span _ngcontent-ng-c507913522>Human resources</span><!----></a><div _ngcontent-ng-c507913522 class="mobile-second-layer"><a _ngcontent-ng-c507913522 routerlinkactive="active" class="grid-15-85 vertical-center" title="Employee management link" href="/en/management/human-resources/employee-management#employees"><span _ngcontent-ng-c507913522 class="first-element" data-icon="human-resources"></span><span _ngcontent-ng-c507913522>Employee management</span></a></div><div _ngcontent-ng-c507913522 class="mobile-second-layer"><a _ngcontent-ng-c507913522 routerlinkactive="active" class="grid-15-85 vertical-center" title="Job postings &amp; Recruiting link" href="/en/management/human-resources/jobs#jobs"><span _ngcontent-ng-c507913522 class="first-element" data-icon="recruiting"></span><span _ngcontent-ng-c507913522>Job postings &amp; Recruiting</span></a></div><!----></div><div _ngcontent-ng-c507913522 class="mobile-second-layer"><a _ngcontent-ng-c507913522 routerlinkactive="url-active" class="grid-15-85 vertical-center" title="Finance / Controlling link" href="/en/management/finance-controlling#financecontrolling"><span _ngcontent-ng-c507913522 class="first-element" data-icon="cashingup"></span><!----><span _ngcontent-ng-c507913522>Finance / Controlling</span><!----></a><div _ngcontent-ng-c507913522 class="mobile-second-layer"><a _ngcontent-ng-c507913522 routerlinkactive="active" class="grid-15-85 vertical-center" title="Reports link" href="/en/management/finance-controlling/reports#reports"><span _ngcontent-ng-c507913522 class="first-element" data-icon="reports"></span><span _ngcontent-ng-c507913522>Reports</span></a></div><div _ngcontent-ng-c507913522 class="mobile-second-layer"><a _ngcontent-ng-c507913522 routerlinkactive="active" class="grid-15-85 vertical-center" title="Controlling link" href="/en/management/finance-controlling/controlling#controlling"><span _ngcontent-ng-c507913522 class="first-element" data-icon="controlling"></span><span _ngcontent-ng-c507913522>Controlling</span></a></div><div _ngcontent-ng-c507913522 class="mobile-second-layer"><a _ngcontent-ng-c507913522 routerlinkactive="active" class="grid-15-85 vertical-center" title="Cash journal link" href="/en/management/finance-controlling/cash-book#cashbook"><span _ngcontent-ng-c507913522 class="first-element" data-icon="cash-book"></span><span _ngcontent-ng-c507913522>Cash journal</span></a></div><div _ngcontent-ng-c507913522 class="mobile-second-layer"><a _ngcontent-ng-c507913522 routerlinkactive="active" class="grid-15-85 vertical-center" title="For tax consultants link" href="/en/management/finance-controlling/tax-consultants#taxconsultants"><span _ngcontent-ng-c507913522 class="first-element" data-icon="tax-consult"></span><span _ngcontent-ng-c507913522>For tax consultants</span></a></div><div _ngcontent-ng-c507913522 class="mobile-second-layer"><a _ngcontent-ng-c507913522 routerlinkactive="active" class="grid-15-85 vertical-center" title="Accounting export link" href="/en/management/finance-controlling/accounting-export#export"><span _ngcontent-ng-c507913522 class="first-element" data-icon="accounting-export"></span><span _ngcontent-ng-c507913522>Accounting export</span></a></div><!----></div><div _ngcontent-ng-c507913522 class="mobile-second-layer"><a _ngcontent-ng-c507913522 routerlinkactive="url-active" class="grid-15-85 vertical-center" title="AI agents link" href="/en/management/mcp#mcp"><span _ngcontent-ng-c507913522 class="first-element" data-icon="cloud"></span><!----><span _ngcontent-ng-c507913522>AI agents</span><!----></a><!----></div><!----></div><div _ngcontent-ng-c507913522 class="mobile-section"><a _ngcontent-ng-c507913522 routerlinkactive="active" class="title grid-15-85 vertical-center" title="About us" href="/en/about-us"><span _ngcontent-ng-c507913522 class="first-element" data-icon="company"></span><span _ngcontent-ng-c507913522>About us</span></a><div _ngcontent-ng-c507913522 class="mobile-second-layer">
15<a _ngcontent-ng-c507913522 routerlinkactive="url-active" class="grid-15-85 vertical-center" title="Contact link" href="/en/about-us/contact#contact"><span _ngcontent-ng-c507913522 class="first-element" data-icon="contact"></span><!----><span _ngcontent-ng-c507913522>Contact</span><!----></a><!----></div><!----></div><div _ngcontent-ng-c507913522 class="mobile-section"><a _ngcontent-ng-c507913522 routerlinkactive="active" class="title grid-15-85 vertical-center" title="Support" href="/en/support"><span _ngcontent-ng-c507913522 class="first-element" data-icon="support"></span><span _ngcontent-ng-c507913522>Support</span></a><!----></div><!----></section></nav></header></app-header><main bttreveal><router-outlet></router-outlet><app-self-order-systems _nghost-ng-c2214147036 ngskiphydration><div _ngcontent-ng-c2214147036 class="bs-kopf"><div _ngcontent-ng-c2214147036 class="bildband"><picture _ngcontent-ng-c2214147036 class="bild-standard"><source _ngcontent-ng-c2214147036 media="(min-width: 1681px)" srcset="/assets/images/self-order/bestellsysteme-kopf-3400.jpg"><source _ngcontent-ng-c2214147036 media="(min-width: 1280px)" srcset="/assets/images/self-order/bestellsysteme-kopf-2400.jpg"><source _ngcontent-ng-c2214147036 media="(min-width: 768px)" srcset="/assets/images/self-order/bestellsysteme-kopf-2048.jpg"><img _ngcontent-ng-c2214147036 src="/assets/images/self-order/bestellsysteme-kopf-1600.jpg" alt="Guest phone with the online shop, E-Menu on a tablet and OrderTab on a light counter in a restaurant, with the self order terminal behind them" width="1600" height="1000" fetchpriority="high"></picture><img _ngcontent-ng-c2214147036 sizes="100vw" alt="Phone and laptop showing a fashion online shop on a light stone counter, with the self order terminal in a large department store behind them" width="3840" height="1920" class="bild-einzelhandel"><app-ki-hinweis _ngcontent-ng-c2214147036 class="nur-schmal rand" _nghost-ng-c4152911043><span _ngcontent-ng-c4152911043>AI-generated</span></app-ki-hinweis><div _ngcontent-ng-c2214147036 class="titel"><div _ngcontent-ng-c2214147036 class="content-wrap"><div _ngcontent-ng-c2214147036 class="p-rl"><span _ngcontent-ng-c2214147036 class="su-eyebrow" data-branche="gastronomie">Self-ordering at the terminal, by phone and in the shop</span><span _ngcontent-ng-c2214147036 class="su-eyebrow nur-handel" data-branche="einzelhandel">Self-ordering at the terminal and in the online shop</span><h1 _ngcontent-ng-c2214147036>Self-ordering</h1><p _ngcontent-ng-c2214147036 class="headline-sub" data-branche="gastronomie">Modern Ordering Systems for Guests and Customers</p><p _ngcontent-ng-c2214147036 class="headline-sub nur-handel" data-branche="einzelhandel">Modern Ordering Systems for Your Customers</p></div></div></div></div><app-ki-hinweis _ngcontent-ng-c2214147036 class="nur-breit rand" _nghost-ng-c4152911043><span _ngcontent-ng-c4152911043>AI-generated</span></app-ki-hinweis><div _ngcontent-ng-c2214147036 class="content-wrap p-tb bs-satz"><div _ngcontent-ng-c2214147036 class="p-trbl"><p _ngcontent-ng-c2214147036 data-branche="gastronomie">Your guests and customers order for themselves: at the terminal, at the table or from their own phone. The order is in the cash register right away and wherever it is prepared, with no paper slips and no waiting.</p><p _ngcontent-ng-c2214147036 class="nur-handel" data-branche="einzelhandel">Your customers order for themselves: at the terminal in the store or in the online shop. The order is in the cash register right away and wherever it is prepared, with no paper slips and no waiting.</p></div></div></div><div _ngcontent-ng-c2214147036 class="seitenuebersicht"><div _ngcontent-ng-c2214147036 class="content-wrap"><h2 _ngcontent-ng-c2214147036 class="su-titel btt-reveal">On this page</h2><div _ngcontent-ng-c2214147036 class="su-raster"><div _ngcontent-ng-c2214147036 class="su-kachel btt-reveal" data-branche="gastronomie"><a _ngcontent-ng-c2214147036 routerlink="." fragment="ordertab" class="su-kopf" href="/en/self-order-systems#ordertab"><span _ngcontent-ng-c2214147036 data-icon="order-tab" aria-hidden="true" class="su-sym"></span><span _ngcontent-ng-c2214147036 class="su-name">OrderTab</span><span _ngcontent-ng-c2214147036 class="su-zeile">Take the order and settle the bill at the table.</span></a></div><div _ngcontent-ng-c2214147036 class="su-kachel btt-reveal" data-branche="gastronomie">
15<a _ngcontent-ng-c2214147036 routerlink="." fragment="orderterminals" class="su-kopf" href="/en/self-order-systems#orderterminals"><span _ngcontent-ng-c2214147036 data-icon="self-order-payment" aria-hidden="true" class="su-sym"></span><span _ngcontent-ng-c2214147036 class="su-name">Order terminals</span><span _ngcontent-ng-c2214147036 class="su-zeile">Take the order at the counter.</span></a></div><div _ngcontent-ng-c2214147036 class="su-kachel btt-reveal"><a _ngcontent-ng-c2214147036 routerlink="." fragment="terminals" class="su-kopf" href="/en/self-order-systems#terminals"><span _ngcontent-ng-c2214147036 data-icon="self-order" aria-hidden="true" class="su-sym"></span><span _ngcontent-ng-c2214147036 class="su-name">Self order terminals</span><span _ngcontent-ng-c2214147036 class="su-zeile" data-branche="gastronomie">Guests and customers order and pay at the terminal.</span><span _ngcontent-ng-c2214147036 class="su-zeile nur-handel" data-branche="einzelhandel">Customers order and pay at the terminal.</span></a></div><div _ngcontent-ng-c2214147036 class="su-kachel btt-reveal"><a _ngcontent-ng-c2214147036 routerlink="." fragment="mobileordering" class="su-kopf" href="/en/self-order-systems#mobileordering"><span _ngcontent-ng-c2214147036 data-icon="mobile-ordering" aria-hidden="true" class="su-sym"></span><span _ngcontent-ng-c2214147036 class="su-name" data-branche="gastronomie">Mobile ordering / Shop</span><span _ngcontent-ng-c2214147036 class="su-name nur-handel" data-branche="einzelhandel">Online shop</span><span _ngcontent-ng-c2214147036 class="su-zeile" data-branche="gastronomie">Ordering from the guest’s own phone, without an app.</span><span _ngcontent-ng-c2214147036 class="su-zeile nur-handel" data-branche="einzelhandel">Customers shop online, on their phone or computer.</span></a><span _ngcontent-ng-c2214147036 class="su-unter" data-branche="gastronomie"><a _ngcontent-ng-c2214147036 routerlink="." fragment="digitalmenu" class="su-unter-link" href="/en/self-order-systems#digitalmenu" data-branche="gastronomie">Digital menu</a><a _ngcontent-ng-c2214147036 routerlink="." fragment="takeawayapp" class="su-unter-link" href="/en/self-order-systems#takeawayapp" data-branche="gastronomie">Take away app</a><a _ngcontent-ng-c2214147036 routerlink="." fragment="byod" class="su-unter-link" href="/en/self-order-systems#byod" data-branche="gastronomie">BYOD</a><a _ngcontent-ng-c2214147036 routerlink="." fragment="shop" class="su-unter-link" href="/en/self-order-systems#shop" data-branche="gastronomie">Shop</a><a _ngcontent-ng-c2214147036 routerlink="." fragment="hotel" class="su-unter-link" href="/en/self-order-systems#hotel" data-branche="gastronomie">Hotel</a></span></div><div _ngcontent-ng-c2214147036 class="su-kachel btt-reveal" data-branche="gastronomie"><a _ngcontent-ng-c2214147036 routerlink="." fragment="emenu" class="su-kopf" href="/en/self-order-systems#emenu"><span _ngcontent-ng-c2214147036 data-icon="emenu" aria-hidden="true" class="su-sym"></span><span _ngcontent-ng-c2214147036 class="su-name">E-Menu</span><span _ngcontent-ng-c2214147036 class="su-zeile">The menu on the venue’s own device.</span></a><span _ngcontent-ng-c2214147036 class="su-unter"><a _ngcontent-ng-c2214147036 routerlink="." fragment="restaurants" class="su-unter-link" href="/en/self-order-systems#restaurants">Restaurants</a><a _ngcontent-ng-c2214147036 routerlink="." fragment="foodtrucks" class="su-unter-link" href="/en/self-order-systems#foodtrucks">Food Trucks</a><a _ngcontent-ng-c2214147036 routerlink="." fragment="hotels" class="su-unter-link" href="/en/self-order-systems#hotels">Hotels</a><a _ngcontent-ng-c2214147036 routerlink="." fragment="office" class="su-unter-link" href="/en/self-order-systems#office">Offices</a><a _ngcontent-ng-c2214147036 routerlink="." fragment="functions" class="su-unter-link" href="/en/self-order-systems#functions">Functions</a><a _ngcontent-ng-c2214147036 routerlink="." fragment="technology" class="su-unter-link" href="/en/self-order-systems#technology">Technology &amp; Design</a></span></div><div _ngcontent-ng-c2214147036 class="su-kachel btt-reveal" data-branche="gastronomie">
15<a _ngcontent-ng-c2214147036 routerlink="." fragment="guestcard" class="su-kopf" href="/en/self-order-systems#guestcard"><span _ngcontent-ng-c2214147036 data-icon="guest-card" aria-hidden="true" class="su-sym"></span><span _ngcontent-ng-c2214147036 class="su-name">Guest card</span><span _ngcontent-ng-c2214147036 class="su-zeile">Orders on the chip card, payment later.</span></a></div></div></div></div><!----><app-ordertab _ngcontent-ng-c2214147036 _nghost-ng-c1884117185 data-branche="gastronomie"><div _ngcontent-ng-c1884117185 id="ordertab" class="ordertab-c"><div _ngcontent-ng-c1884117185 class="content-wrap"><div _ngcontent-ng-c1884117185 class="p-trl kopf btt-reveal"><h2 _ngcontent-ng-c1884117185>Ordering at the table: OrderTab</h2><p _ngcontent-ng-c1884117185 class="headline-sub">Three ways for the service to settle the bill.</p><p _ngcontent-ng-c1884117185 class="legend-text software-nr">Software<!---->: SW-OT</p><p _ngcontent-ng-c1884117185 class="grau-text einleitung">The service takes the order at the table and sends it to the kitchen and the till. How the bill is settled afterwards depends on the devices in the venue. There are three ways, and they differ in how many devices are needed at the table and where the card payment takes place.</p></div></div><div _ngcontent-ng-c1884117185 id="orderpaytab" class="band blau"><div _ngcontent-ng-c1884117185 class="content-wrap"><div _ngcontent-ng-c1884117185 class="p-trl"><div _ngcontent-ng-c1884117185 class="grid-50 vertical-center"><div _ngcontent-ng-c1884117185 class="erst btt-reveal"><div _ngcontent-ng-c1884117185 class="kopfzeile"><span _ngcontent-ng-c1884117185 data-icon="order-pay-tab" aria-hidden="true" class="info-icon weiss"></span><span _ngcontent-ng-c1884117185 class="eyebrow">Way 1 · one device · recommended</span><h3 _ngcontent-ng-c1884117185 class="main-title">OrderPayTab with OktoFIN</h3></div><p _ngcontent-ng-c1884117185 class="grau-text">Order, payment and receipt run on a single device. The service takes the order at the table, sends it to the kitchen and settles the bill right there.</p><ul _ngcontent-ng-c1884117185 class="hakenliste"><li _ngcontent-ng-c1884117185>Order and payment in one flow</li><li _ngcontent-ng-c1884117185>Contactless cards and mobile payment methods directly on the device</li><li _ngcontent-ng-c1884117185>Tip suggestions on the display</li><li _ngcontent-ng-c1884117185>Digital receipt via QR code, no mobile printer</li><li _ngcontent-ng-c1884117185>No second card payment device</li></ul><span _ngcontent-ng-c1884117185 class="fin-box"><img _ngcontent-ng-c1884117185 ngsrc="/assets/images/logos/OktoFIN_Logo.svg" alt="OktoFIN" height="44" width="42" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/logos/OktoFIN_Logo.svg"></span><a _ngcontent-ng-c1884117185 routerlink="/pos-system/payment" fragment="oktofin" title="More about OktoFIN-ONE" class="mehr" href="/en/pos-system/payment#oktofin"><span _ngcontent-ng-c1884117185>More about OktoFIN-ONE</span><span _ngcontent-ng-c1884117185 data-icon="chevron-right" aria-hidden="true"></span></a></div><div _ngcontent-ng-c1884117185 class="zweit btt-reveal"><div _ngcontent-ng-c1884117185 class="medien video" style="--poster: url('/assets/images/poster/ordertab-weg1-orderpaytab.jpg');"><video _ngcontent-ng-c1884117185 autoplay loop playsinline muted preload="none" poster="/assets/images/poster/ordertab-weg1-orderpaytab.jpg" aria-label="Flow on the OrderPayTab: order, payment, receipt"><source _ngcontent-ng-c1884117185 type="video/mp4" src="https://cdn.oktopos.net/direct/website/oktop
15os-webapp/assets/videos/animations/ordertab-weg1-orderpaytab.mp4"></video></div><p _ngcontent-ng-c1884117185 class="bildunter">One device, one flow.</p><div _ngcontent-ng-c1884117185 class="kette"><div _ngcontent-ng-c1884117185 class="knoten on"><div _ngcontent-ng-c1884117185 class="kreis"><span _ngcontent-ng-c1884117185 data-icon="order-pay-tab" aria-hidden="true"></span></div><div _ngcontent-ng-c1884117185 class="lab"><b _ngcontent-ng-c1884117185>OrderPayTab</b><span _ngcontent-ng-c1884117185>Order</span></div></div><div _ngcontent-ng-c1884117185 aria-hidden="true" class="pfeil">→</div><div _ngcontent-ng-c1884117185 class="knoten"><div _ngcontent-ng-c1884117185 class="kreis"><span _ngcontent-ng-c1884117185 data-icon="kitchen-monitors" aria-hidden="true"></span></div><div _ngcontent-ng-c1884117185 class="lab"><b _ngcontent-ng-c1884117185>Kitchen</b><span _ngcontent-ng-c1884117185>ticket at once</span></div></div><div _ngcontent-ng-c1884117185 aria-hidden="true" class="pfeil">→</div><div _ngcontent-ng-c1884117185 class="knoten on"><div _ngcontent-ng-c1884117185 class="kreis"><span _ngcontent-ng-c1884117185 data-icon="order-pay-tab" aria-hidden="true"></span></div><div _ngcontent-ng-c1884117185 class="lab"><b _ngcontent-ng-c1884117185>Payment</b><span _ngcontent-ng-c1884117185>on the device</span></div></div><div _ngcontent-ng-c1884117185 aria-hidden="true" class="pfeil">→</div><div _ngcontent-ng-c1884117185 class="knoten on"><div _ngcontent-ng-c1884117185 class="kreis"><span _ngcontent-ng-c1884117185 data-icon="printouts" aria-hidden="true"></span></div><div _ngcontent-ng-c1884117185 class="lab"><b _ngcontent-ng-c1884117185>Receipt</b><span _ngcontent-ng-c1884117185>as QR code</span></div></div></div></div></div></div></div></div><div _ngcontent-ng-c1884117185 id="ordertab-weg2" class="band weiss"><div _ngcontent-ng-c1884117185 class="content-wrap"><div _ngcontent-ng-c1884117185 class="p-trl"><div _ngcontent-ng-c1884117185 class="grid-50 grid-reposition vertical-center"><div _ngcontent-ng-c1884117185 class="erst grid-first btt-reveal"><div _ngcontent-ng-c1884117185 class="kopfzeile"><span _ngcontent-ng-c1884117185 data-icon="payment-methods" aria-hidden="true" class="info-icon"></span><span _ngcontent-ng-c1884117185 class="eyebrow">Way 2 · three devices</span><h3 _ngcontent-ng-c1884117185 class="main-title">OrderTab with a separate card device</h3></div><p _ngcontent-ng-c1884117185 class="grau-text">The familiar setup for venues that keep their card payment device with their current provider. The order goes via the OrderTab to the kitchen and the till. The bill is settled on the mobile card device, the receipt comes from the belt printer.</p><ul _ngcontent-ng-c1884117185 class="hakenliste"><li _ngcontent-ng-c1884117185>Orders and kitchen as usual via the OrderTab</li><li _ngcontent-ng-c1884117185>Card payment via the mobile device of your own provider</li><li _ngcontent-ng-c1884117185>Receipt from the mobile printer on the belt</li><li _ngcontent-ng-c1884117185 class="minus">Three devices to carry, charge and maintain</li><li _ngcontent-ng-c1884117185 class="minus">The amount is entered again on the card device</li></ul></div><div _ngcontent-ng-c1884117185 class="zweit grid-second btt-reveal"><div _ngcontent-ng-c1884117185 class="medien"><picture _ngcontent-ng-c1884117185><source _ngcontent-ng-c1884117185 media="(max-width: 480px)" srcset="/assets/images/cash-register/mobile-order-terminal-and-printer-480.jpg"><source _ngcontent-ng-c1884117185 media="(max-width: 768px)" srcset="/assets/images/cash-register/mobile-order-terminal-and-printer-768.jpg"><source _ngcontent-ng-c1884117185 media="(max-width: 992px)" srcset="/assets/images/cash-register/mobile-order-terminal-and-printer-992.jpg"><source _ngcontent-ng-c1884117185 media="(min-width: 993px)" srcset="/assets/images/cash-register/mobile-order-terminal-and-printer.jpg"><img _ngcontent-ng-c1884117185 ngsrc="/assets/images/cash-register/mobile-order-terminal-and-printer-480.jpg" alt="Service staff with OrderTab, card device and printer on the belt" height="320" width="480" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/cash-register/mobile-order-terminal-and-printer-480.jpg"></picture></div><p _ngcontent-ng-c1884117185 class="bildunter">Order terminal, card device and printer: the service carries three devices.</p><div _ngcontent-ng-c1884117185 class="kette"><div _ngcontent-ng-c1884117185 class="knoten on"><div _ngcontent-ng-c1884117185 class="kreis"><span _ngcontent-ng-c1884117185 data-icon="order-tab" aria-hidden="true"></span></div><div _ngcontent-ng-c1884117185 class="lab"><b _ngcontent-ng-c1884117185>OrderTab</b><span _ngcontent-ng-c1884117185>Order</span></div></div><div _ngcontent-ng-c1884117185 aria-hidden="true" class="pfeil">→</div><div _ngcontent-ng-c1884117185 class="knoten"><div _ngcontent-ng-c1884117185 class="kreis"><span _ngcontent-ng-c1884117185 data-icon="kitchen-monitors" aria-hidden="true"></span></div><div _ngcontent-ng-c1884117185 class="lab"><b _ngcontent-ng-c1884117185>Kitchen</b><span _ngcontent-ng-c1884117185>ticket at once</span></div></div><div _ngcontent-ng-c1884117185 aria-hidden="true" class="pfeil">→</div><div _ngcontent-ng-c1884117185 class="knoten on"><div _ngcontent-ng-c1884117185 class="kreis"><span _ngcontent-ng-c1884117185 data-icon="payment-methods" aria-hidden="true"></span></div><div _ngcontent-ng-c1884117185 class="lab"><b _ngcontent-ng-c1884117185>Card device</b><span _ngcontent-ng-c1884117185>own provider</span></div></div><div _ngcontent-ng-c1884117185 aria-hidden="true" class="pfeil">→</div><div _ngcontent-ng-c1884117185 class="knoten on"><div _ngcontent-ng-c1884117185 class="kreis"><span _ngcontent-ng-c1884117185 data-icon="label-printer" aria-hidden="true"></span></div><div _ngcontent-ng-c1884117185 class="lab"><b _ngcontent-ng-c1884117185>Printer</b><span _ngcontent-ng-c1884117185>on the belt</span></div></div></div><div _ngcontent-ng-c1884117185 class="klapp klein btt-reveal"><h4 _ngcontent-ng-c1884117185 class="klapp-titel"><button _ngcontent-ng-c1884117185 type="button" aria-controls="klapp-film" class="klapp-knopf klein" aria-expanded="false"><span _ngcontent-ng-c1884117185>The flow on video</span><span _ngcontent-ng-c1884117185 class="klapp-mehr">
15Show more</span><!----><!----><span _ngcontent-ng-c1884117185 aria-hidden="true" class="chev" data-icon="chevron-down"></span></button></h4><div _ngcontent-ng-c1884117185 id="klapp-film" class="hidden-overflow gross collapsed"><div _ngcontent-ng-c1884117185 class="ho-inner"><div _ngcontent-ng-c1884117185 class="medien quadrat"><video _ngcontent-ng-c1884117185 controls playsinline preload="none" poster="/assets/images/poster/mobile-order-animation.jpg" aria-label="Explainer video: taking the order with the OrderTab, sending it to kitchen and till, payment on the mobile card device"><source _ngcontent-ng-c1884117185 type="video/mp4" src="https://cdn.oktopos.net/direct/website/oktopos-webapp/assets/videos/mobile-order-animation.mp4"></video></div><p _ngcontent-ng-c1884117185 class="bildunter">Taking the order with the OrderTab, sending it to kitchen and till, payment on the mobile card device. 43 seconds.</p></div></div></div></div></div></div></div></div><div _ngcontent-ng-c1884117185 id="ordertab-weg3" class="band grau"><div _ngcontent-ng-c1884117185 class="content-wrap"><div _ngcontent-ng-c1884117185 class="p-trl"><div _ngcontent-ng-c1884117185 class="grid-50 vertical-center"><div _ngcontent-ng-c1884117185 class="erst btt-reveal"><div _ngcontent-ng-c1884117185 class="kopfzeile"><span _ngcontent-ng-c1884117185 data-icon="cash-register" aria-hidden="true" class="info-icon"></span><span _ngcontent-ng-c1884117185 class="eyebrow">Way 3 · one device, payment at the till</span><h3 _ngcontent-ng-c1884117185 class="main-title">OrderTab without payment on the device</h3></div><p _ngcontent-ng-c1884117185 class="grau-text">Here the OrderTab only takes the order. The service triggers the bill on the OrderTab, and it is ready at the till right away. The card payment device is fixed at the till, where the payment is carried out and the receipt is printed.</p><ul _ngcontent-ng-c1884117185 class="hakenliste"><li _ngcontent-ng-c1884117185>Orders and kitchen via the OrderTab</li><li _ngcontent-ng-c1884117185>Payment triggered at the table, carried out at the till</li><li _ngcontent-ng-c1884117185>Card payment device fixed at the till, no second mobile device</li><li _ngcontent-ng-c1884117185 class="minus">For card payments the service walks to the till</li></ul></div><div _ngcontent-ng-c1884117185 class="zweit btt-reveal"><div _ngcontent-ng-c1884117185 class="medien video" style="--poster: url('/assets/images/poster/ordertab-weg3-smartphone.jpg');"><video _ngcontent-ng-c1884117185 autoplay loop playsinline muted preload="none" poster="/assets/images/poster/ordertab-weg3-smartphone.jpg" aria-label="Flow on the OrderTab: table plan, order, kitchen, hand-over to the till"><source _ngcontent-ng-c1884117185 type="video/mp4" src="https://cdn.oktopos.net/direct/website/oktop
15os-webapp/assets/videos/animations/ordertab-weg3-smartphone.mp4"></video></div><p _ngcontent-ng-c1884117185 class="bildunter">The OrderTab stays the device at the table. The payment moves to the till.</p><div _ngcontent-ng-c1884117185 class="kette"><div _ngcontent-ng-c1884117185 class="knoten on"><div _ngcontent-ng-c1884117185 class="kreis"><span _ngcontent-ng-c1884117185 data-icon="order-tab" aria-hidden="true"></span></div><div _ngcontent-ng-c1884117185 class="lab"><b _ngcontent-ng-c1884117185>OrderTab</b><span _ngcontent-ng-c1884117185>Order</span></div></div><div _ngcontent-ng-c1884117185 aria-hidden="true" class="pfeil">→</div><div _ngcontent-ng-c1884117185 class="knoten"><div _ngcontent-ng-c1884117185 class="kreis"><span _ngcontent-ng-c1884117185 data-icon="kitchen-monitors" aria-hidden="true"></span></div><div _ngcontent-ng-c1884117185 class="lab"><b _ngcontent-ng-c1884117185>Kitchen</b><span _ngcontent-ng-c1884117185>ticket at once</span></div></div><div _ngcontent-ng-c1884117185 aria-hidden="true" class="pfeil">→</div><div _ngcontent-ng-c1884117185 class="knoten"><div _ngcontent-ng-c1884117185 class="kreis"><span _ngcontent-ng-c1884117185 data-icon="cash-register" aria-hidden="true"></span></div><div _ngcontent-ng-c1884117185 class="lab"><b _ngcontent-ng-c1884117185>Till</b><span _ngcontent-ng-c1884117185>carries out</span></div></div><div _ngcontent-ng-c1884117185 aria-hidden="true" class="pfeil">→</div><div _ngcontent-ng-c1884117185 class="knoten"><div _ngcontent-ng-c1884117185 class="kreis"><span _ngcontent-ng-c1884117185 data-icon="payment-methods" aria-hidden="true"></span></div><div _ngcontent-ng-c1884117185 class="lab"><b _ngcontent-ng-c1884117185>Card device</b><span _ngcontent-ng-c1884117185>at the till</span></div></div></div></div></div></div></div></div><div _ngcontent-ng-c1884117185 class="barband"><div _ngcontent-ng-c1884117185 class="content-wrap"><div _ngcontent-ng-c1884117185 class="inner"><span _ngcontent-ng-c1884117185 data-icon="papercoin" aria-hidden="true"></span><p _ngcontent-ng-c1884117185><b _ngcontent-ng-c1884117185>Cash works on all three ways.</b> <span _ngcontent-ng-c1884117185>The service always takes cash, including change, at the table and books it directly on the device. The ways only differ for card payments.</span></p></div></div></div><div _ngcontent-ng-c1884117185 class="content-wrap"><div _ngcontent-ng-c1884117185 class="p-trl klappbloecke"><div _ngcontent-ng-c1884117185 class="klapp btt-reveal"><h3 _ngcontent-ng-c1884117185 class="klapp-titel"><button _ngcontent-ng-c1884117185 type="button" aria-controls="klapp-vergleich" class="klapp-knopf" aria-expanded="false"><span _ngcontent-ng-c1884117185>The three ways compared</span><span _ngcontent-ng-c1884117185 class="klapp-mehr">Show more</span><!----><!----><span _ngcontent-ng-c1884117185 aria-hidden="true" class="chev" data-icon="chevron-down"></span></button></h3><div _ngcontent-ng-c1884117185 id="klapp-vergleich" class="hidden-overflow gross collapsed"><div _ngcontent-ng-c1884117185 class="vergleich"><table _ngcontent-ng-c1884117185><thead _ngcontent-ng-c1884117185><tr _ngcontent-ng-c1884117185><th _ngcontent-ng-c1884117185 scope="col"><span _ngcontent-ng-c1884117185 class="sr">Feature</span></th><th _ngcontent-ng-c1884117185 scope="col" class="b">1 · OrderPayTab with OktoFIN (recommended)</th><th _ngcontent-ng-c1884117185 scope="col">2 · OrderTab with a separate card device</th><th _ngcontent-ng-c1884117185 scope="col">3 · OrderTab, payment at the till</th></tr></thead><tbody _ngcontent-ng-c1884117185><tr _ngcontent-ng-c1884117185><th _ngcontent-ng-c1884117185 scope="row">Devices at the table</th><td _ngcontent-ng-c1884117185>1</td><td _ngcontent-ng-c1884117185 class="nein">3</td><td _ngcontent-ng-c1884117185>1</td></tr><tr _ngcontent-ng-c1884117185><th _ngcontent-ng-c1884117185 scope="row">Card payment</th><td _ngcontent-ng-c1884117185>on the same device</td><td _ngcontent-ng-c1884117185 class="nein">separate mobile device</td><td _ngcontent-ng-c1884117185 class="nein">on the till's card device</td></tr><tr _ngcontent-ng-c1884117185><th _ngcontent-ng-c1884117185 scope="row">Cash payment at the table</th><td _ngcontent-ng-c1884117185>yes</td><td _ngcontent-ng-c1884117185>yes</td><td _ngcontent-ng-c1884117185>yes</td></tr><tr _ngcontent-ng-c1884117185><th _ngcontent-ng-c1884117185 scope="row">Tip suggestion</th><td _ngcontent-ng-c1884117185>on the display</td><td _ngcontent-ng-c1884117185 class="nein">on the provider's card device</td><td _ngcontent-ng-c1884117185 class="nein">not applicable</td></tr><tr _ngcontent-ng-c1884117185><th _ngcontent-ng-c1884117185 scope="row">Receipt</th><td _ngcontent-ng-c1884117185>QR code, no mobile printer</td><td _ngcontent-ng-c1884117185 class="nein">mobile printer on the belt</td><td _ngcontent-ng-c1884117185 class="nein">till printer</td></tr></tbody></table></div></div></div><div _ngcontent-ng-c1884117185 class="klapp btt-reveal"><h3 _ngcontent-ng-c1884117185 class="klapp-titel"><button _ngcontent-ng-c1884117185 type="button" aria-controls="klapp-funktionen" class="klapp-knopf" aria-expanded="false"><span _ngcontent-ng-c1884117185>OrderTab functions</span><span _ngcontent-ng-c1884117185 class="klapp-mehr">
15Show more</span><!----><!----><span _ngcontent-ng-c1884117185 aria-hidden="true" class="chev" data-icon="chevron-down"></span></button></h3><div _ngcontent-ng-c1884117185 id="klapp-funktionen" class="hidden-overflow gross collapsed"><ul _ngcontent-ng-c1884117185 class="spalten"><li _ngcontent-ng-c1884117185>Waiter login</li><li _ngcontent-ng-c1884117185>Order taking</li><li _ngcontent-ng-c1884117185>Side orders</li><li _ngcontent-ng-c1884117185>Ways of preparation / cooking levels</li><li _ngcontent-ng-c1884117185>Order memo</li><li _ngcontent-ng-c1884117185>Table management</li><li _ngcontent-ng-c1884117185>Courses</li><li _ngcontent-ng-c1884117185>Capturing of contactless chip cards (NFC)</li><li _ngcontent-ng-c1884117185>Article information</li><li _ngcontent-ng-c1884117185>Cross selling</li><li _ngcontent-ng-c1884117185>Transmission to kitchen</li><li _ngcontent-ng-c1884117185>Transmission to cash register</li><li _ngcontent-ng-c1884117185>Cash payment</li><li _ngcontent-ng-c1884117185>Payment through mobile card terminal</li></ul></div></div><div _ngcontent-ng-c1884117185 class="klapp btt-reveal"><h3 _ngcontent-ng-c1884117185 class="klapp-titel"><button _ngcontent-ng-c1884117185 type="button" aria-controls="klapp-vorteile" class="klapp-knopf" aria-expanded="false"><span _ngcontent-ng-c1884117185>OrderTab benefits</span><span _ngcontent-ng-c1884117185 class="klapp-mehr">Show more</span><!----><!----><span _ngcontent-ng-c1884117185 aria-hidden="true" class="chev" data-icon="chevron-down"></span></button></h3><div _ngcontent-ng-c1884117185 id="klapp-vorteile" class="hidden-overflow gross collapsed"><ul _ngcontent-ng-c1884117185 class="spalten"><li _ngcontent-ng-c1884117185>Reduction of walking distances.</li><li _ngcontent-ng-c1884117185>Increased speed.</li><li _ngcontent-ng-c1884117185>Overview and control.</li><li _ngcontent-ng-c1884117185>Enhanced service through article information.</li><li _ngcontent-ng-c1884117185>No double entry of data.</li><li _ngcontent-ng-c1884117185>No lining up of service staff at the cash register.</li><li _ngcontent-ng-c1884117185>Seamless communication between service and kitchen.</li><li _ngcontent-ng-c1884117185>Cost savings.</li><li _ngcontent-ng-c1884117185>Sales increases.</li><li _ngcontent-ng-c1884117185>No handwritten notes in the kitchen.</li><li _ngcontent-ng-c1884117185>Quick corrections.</li></ul></div></div><div _ngcontent-ng-c1884117185 class="klapp btt-reveal"><h3 _ngcontent-ng-c1884117185 class="klapp-titel"><button _ngcontent-ng-c1884117185 type="button" aria-controls="klapp-zusammenspiel" class="klapp-knopf" aria-expanded="false"><span _ngcontent-ng-c1884117185>How the POS, the kitchen and the OrderTab work together</span><span _ngcontent-ng-c1884117185 class="klapp-mehr">Show more</span><!----><!----><span _ngcontent-ng-c1884117185 aria-hidden="true" class="chev" data-icon="chevron-down"></span></button></h3><div _ngcontent-ng-c1884117185 id="klapp-zusammenspiel" class="hidden-overflow gross collapsed"><div _ngcontent-ng-c1884117185 class="ho-inner"><p _ngcontent-ng-c1884117185 class="grau-text schema-text">All devices are connected to the server in the venue. The OrderTab sends the order there, and from there it goes to the kitchen and the till. The OktoPOS Manager works on the same data.</p><div _ngcontent-ng-c1884117185 class="schema"><img _ngcontent-ng-c1884117185 ngsrc="/assets/images/cash-register/kassensystem-ordertab-kommunikation-mit-server-768.jpg" alt="Diagram: the server connects OktoPOS Manager, OktoKitchen, OrderTab and till" height="857" width="768" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/cash-register/kassensystem-ordertab-kommunikation-mit-server-768.jpg"></div></div></div></div><div _ngcontent-ng-c1884117185 class="klapp btt-reveal"><h3 _ngcontent-ng-c1884117185 class="klapp-titel"><button _ngcontent-ng-c1884117185 type="button" aria-controls="klapp-sysreq" class="klapp-knopf" aria-expanded="false"><span _ngcontent-ng-c1884117185>System Requirements</span><span _ngcontent-ng-c1884117185 class="klapp-mehr">
15Show more</span><!----><!----><span _ngcontent-ng-c1884117185 aria-hidden="true" class="chev" data-icon="chevron-down"></span></button></h3><div _ngcontent-ng-c1884117185 id="klapp-sysreq" class="hidden-overflow collapsed"><div _ngcontent-ng-c1884117185 class="sys-req-card"><ul _ngcontent-ng-c1884117185 class="inline"><li _ngcontent-ng-c1884117185 class="title">Software<!---->:</li><li _ngcontent-ng-c1884117185><img _ngcontent-ng-c1884117185 title="Android" ngsrc="/assets/images/logos/android.svg" alt="Android logo" height="16" width="16" class="android" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/logos/android.svg"></li></ul><ul _ngcontent-ng-c1884117185 class="inline"><li _ngcontent-ng-c1884117185 class="title">Data Connection<!---->:</li><li _ngcontent-ng-c1884117185>&nbsp;Wi-Fi</li></ul></div></div></div></div></div></div></app-ordertab><app-terminals _ngcontent-ng-c2214147036 _nghost-ng-c2027969233><div _ngcontent-ng-c2027969233 id="terminals" class="selforder-neu"><div _ngcontent-ng-c2027969233 class="bildband"><picture _ngcontent-ng-c2027969233 class="bild-standard"><source _ngcontent-ng-c2027969233 media="(max-width: 480px)" srcset="/assets/images/self-order/self-order-payment-terminal-400.jpg"><source _ngcontent-ng-c2027969233 media="(max-width: 768px)" srcset="/assets/images/self-order/self-order-payment-terminal-670.jpg"><source _ngcontent-ng-c2027969233 media="(max-width: 992px)" srcset="/assets/images/self-order/self-order-payment-terminal-900.jpg"><img _ngcontent-ng-c2027969233 ngsrc="/assets/images/self-order/self-order-payment-terminal.jpg" alt="Two Self Order Terminals in the dining room of a restaurant, the menu on the screen" title="Self Order Terminals" height="853" width="1280" priority loading="eager" fetchpriority="high" decoding="sync" ng-img="true" src="/assets/images/self-order/self-order-payment-terminal.jpg"></picture><img _ngcontent-ng-c2027969233 sizes="100vw" alt="Two Self Order Terminals in front of the fresh food counter of a supermarket, above them the pickup monitor with the order numbers" width="1536" height="1024" class="bild-einzelhandel"><div _ngcontent-ng-c2027969233 class="titel"><div _ngcontent-ng-c2027969233 class="content-wrap"><div _ngcontent-ng-c2027969233 class="p-rl"><h2 _ngcontent-ng-c2027969233>Self Order Terminals</h2><p _ngcontent-ng-c2027969233 class="headline-sub" data-branche="gastronomie">Guests and customers order on the screen themselves.</p><p _ngcontent-ng-c2027969233 class="headline-sub nur-handel" data-branche="einzelhandel">Customers order on the screen themselves.</p><p _ngcontent-ng-c2027969233 class="legend-text software-nr white">Software<!---->: SW-SOT</p></div></div></div></div><!----><div _ngcontent-ng-c2027969233 class="content-wrap"><div _ngcontent-ng-c2027969233 class="p-rl einstieg btt-reveal"><p _ngcontent-ng-c2027969233 class="grau-text"><span _ngcontent-ng-c2027969233 data-branche="gastronomie">Guests and customers make their choice on the screen, and the order appears right away where it is prepared, in hospital
15ity on the kitchen stations. Payment is made straight away at the terminal by card or on the way out at the till.</span><span _ngcontent-ng-c2027969233 class="nur-handel" data-branche="einzelhandel">Customers make their choice on the screen, and the order appears right away where it is prepared. Payment is made straight away at the terminal by card or on the way out at the till.</span><span _ngcontent-ng-c2027969233 data-branche="gastronomie"> <span _ngcontent-ng-c2027969233>At the counter the service staff take the same orders on the order terminal. The examples on this page show the process in a restaurant.</span></span></p></div></div><div _ngcontent-ng-c2027969233 id="kartenzahlung" class="band blau"><div _ngcontent-ng-c2027969233 class="content-wrap"><div _ngcontent-ng-c2027969233 class="p-rl"><div _ngcontent-ng-c2027969233 class="grid-50"><div _ngcontent-ng-c2027969233 class="erst btt-reveal"><div _ngcontent-ng-c2027969233 class="kopfzeile"><span _ngcontent-ng-c2027969233 data-icon="payment-methods" aria-hidden="true" class="info-icon"></span><span _ngcontent-ng-c2027969233 class="eyebrow">Order and pay by card</span><h3 _ngcontent-ng-c2027969233 class="main-title">Self Order Terminal with card payment</h3></div><p _ngcontent-ng-c2027969233 class="grau-text" data-branche="gastronomie">Guests and customers order at the terminal and pay by card right there. They get a receipt with an order number, and the order arrives immediately wherever it is prepared.</p><p _ngcontent-ng-c2027969233 class="grau-text nur-handel" data-branche="einzelhandel">Customers order at the terminal and pay by card right there. They get a receipt with an order number, and the order arrives immediately wherever it is prepared.</p><ul _ngcontent-ng-c2027969233 class="hakenliste"><li _ngcontent-ng-c2027969233>Card payment at the terminal with OktoFIN or a ZVT-compatible card payment terminal</li><li _ngcontent-ng-c2027969233>Receipt with order number directly at the terminal</li><li _ngcontent-ng-c2027969233>The number appears on the pick-up monitor as soon as the order is marked as ready</li><li _ngcontent-ng-c2027969233>Guests who want to pay cash choose “Pay at the till”</li></ul></div><div _ngcontent-ng-c2027969233 class="zweit btt-reveal"><div _ngcontent-ng-c2027969233 class="medien frei geraet-box"><div _ngcontent-ng-c2027969233 class="geraet"><img _ngcontent-ng-c2027969233 ngsrc="/assets/images/self-order/bestellweg/self-order-bestellweg-3-auswahl-720.jpg" alt="Menu on the Self Order Terminal with categories and items with picture and price" width="720" height="1280" class="bild-standard" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/self-order/bestellweg/self-order-bestellweg-3-auswahl-720.jpg"><img _ngcontent-ng-c2027969233 alt="Selection from the fresh food counter on the Self Order Terminal with categories and items with picture" width="720" height="1280" class="bild-einzelhandel"></div><div _ngcontent-ng-c2027969233 class="geraet"><img _ngcontent-ng-c2027969233 ngsrc="/assets/images/self-order/bestellweg/self-order-bestellweg-5-bezahlen-720.jpg" alt="Cart on the Self Order Terminal with the choice between card payment and payment at the till" width="720" height="1280" class="bild-standard" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/self-order/bestellweg/self-order-bestellweg-5-bezahlen-720.jpg"><img _ngcontent-ng-c2027969233 alt="Cart on the Self Order Terminal with the choice between card payment and payment at the till" width="720" height="1280" class="bild-einzelhandel"></div></div></div></div></div></div></div><div _ngcontent-ng-c2027969233 class="content-wrap"><div _ngcontent-ng-c2027969233 class="p-rl klappen"><div _ngcontent-ng-c2027969233 class="klapp btt-reveal"><h3 _ngcontent-ng-c2027969233 class="klapp-titel"><button _ngcontent-ng-c2027969233 type="button" aria-controls="so-ablauf-karte" class="klapp-knopf" aria-expanded="false"><span _ngcontent-ng-c2027969233>The process step by step</span><span _ngcontent-ng-c2027969233 class="klapp-mehr">
15Show more</span><!----><!----><span _ngcontent-ng-c2027969233 aria-hidden="true" class="chev" data-icon="chevron-down"></span></button></h3><div _ngcontent-ng-c2027969233 id="so-ablauf-karte" class="inhalt" hidden><div _ngcontent-ng-c2027969233 class="inhalt-innen"><div _ngcontent-ng-c2027969233 app-so-kette _nghost-ng-c2711266120><p _ngcontent-ng-c2711266120 class="kette-titel">By card at the terminal</p><!----><div _ngcontent-ng-c2711266120 role="group" class="kette" aria-label="Process with card payment at the terminal"><div _ngcontent-ng-c2711266120 class="knoten"><div _ngcontent-ng-c2711266120 class="wuerfel"><img _ngcontent-ng-c2711266120 alt width="236" height="236" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/self-order/ablauf/self-order-ablauf-terminal.jpg"></div><div _ngcontent-ng-c2711266120 class="lab"><b _ngcontent-ng-c2711266120>Order</b><span _ngcontent-ng-c2711266120>at the terminal</span></div></div><div _ngcontent-ng-c2711266120 aria-hidden="true" class="pfeil">→</div><!----><div _ngcontent-ng-c2711266120 class="knoten"><div _ngcontent-ng-c2711266120 class="wuerfel"><img _ngcontent-ng-c2711266120 alt width="236" height="236" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/self-order/ablauf/self-order-ablauf-zahlgeraet-ams1.jpg"></div><div _ngcontent-ng-c2711266120 class="lab"><b _ngcontent-ng-c2711266120>Payment</b><span _ngcontent-ng-c2711266120>by card</span></div></div><div _ngcontent-ng-c2711266120 aria-hidden="true" class="pfeil">→</div><!----><div _ngcontent-ng-c2711266120 class="knoten"><div _ngcontent-ng-c2711266120 class="wuerfel"><img _ngcontent-ng-c2711266120 alt width="236" height="236" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/self-order/ablauf/self-order-ablauf-beleg-drucker.jpg"></div><div _ngcontent-ng-c2711266120 class="lab"><b _ngcontent-ng-c2711266120>Receipt</b><span _ngcontent-ng-c2711266120>with order number</span></div></div><div _ngcontent-ng-c2711266120 aria-hidden="true" class="pfeil">→</div><!----><div _ngcontent-ng-c2711266120 class="knoten"><div _ngcontent-ng-c2711266120 class="wuerfel"><img _ngcontent-ng-c2711266120 alt width="236" height="236" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/self-order/ablauf/self-order-ablauf-abholmonitor.jpg"></div><div _ngcontent-ng-c2711266120 class="lab"><b _ngcontent-ng-c2711266120>Pick-up</b><span _ngcontent-ng-c2711266120>number on screen</span></div></div><!----><!----></div></div><div _ngcontent-ng-c2027969233 app-so-kette _nghost-ng-c2711266120><p _ngcontent-ng-c2711266120 class="kette-titel">Pay at the till</p><!----><div _ngcontent-ng-c2711266120 role="group" class="kette n3" aria-label="Process with payment at the till"><div _ngcontent-ng-c2711266120 class="knoten"><div _ngcontent-ng-c2711266120 class="wuerfel"><img _ngcontent-ng-c2711266120 alt width="236" height="236" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/self-order/ablauf/self-order-ablauf-terminal.jpg"></div><div _ngcontent-ng-c2711266120 class="lab"><b _ngcontent-ng-c2711266120>Order</b><span _ngcontent-ng-c2711266120>at the terminal</span></div></div><div _ngcontent-ng-c2711266120 aria-hidden="true" class="pfeil">→</div><!----><div _ngcontent-ng-c2711266120 class="knoten"><div _ngcontent-ng-c2711266120 class="wuerfel"><img _ngcontent-ng-c2711266120 alt width="236" height="236" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/self-order/ablauf/self-order-ablauf-kasse.jpg"></div><div _ngcontent-ng-c2711266120 class="lab"><b _ngcontent-ng-c2711266120>Payment</b><span _ngcontent-ng-c2711266120>cash or card</span></div></div><div _ngcontent-ng-c2711266120 aria-hidden="true" class="pfeil">→</div><!----><div _ngcontent-ng-c2711266120 class="knoten"><div _ngcontent-ng-c2711266120 class="wuerfel"><img _ngcontent-ng-c2711266120 alt width="236" height="236" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/self-order/ablauf/self-order-ablauf-beleg-
15drucker.jpg"></div><div _ngcontent-ng-c2711266120 class="lab"><b _ngcontent-ng-c2711266120>Receipt</b><span _ngcontent-ng-c2711266120>from the till</span></div></div><!----><!----></div></div></div></div></div></div></div><div _ngcontent-ng-c2027969233 id="bestellweg" class="band grau" data-branche="gastronomie"><div _ngcontent-ng-c2027969233 class="content-wrap"><div _ngcontent-ng-c2027969233 class="p-rl"><div _ngcontent-ng-c2027969233 class="abschnittskopf btt-reveal"><span _ngcontent-ng-c2027969233 class="eyebrow">How the guest orders</span><h3 _ngcontent-ng-c2027969233 class="main-title">From the start screen to the kitchen</h3></div><ol _ngcontent-ng-c2027969233 app-so-bestellweg class="btt-reveal" _nghost-ng-c3331086359><li _ngcontent-ng-c3331086359 class="bw-schritt"><div _ngcontent-ng-c3331086359 class="geraet"><picture _ngcontent-ng-c3331086359><source _ngcontent-ng-c3331086359 sizes="(max-width: 640px) 62vw, (max-width: 1100px) 30vw, 180px" srcset="/assets/images/self-order/bestellweg/self-order-bestellweg-1-startbild-360.jpg 360w, /assets/images/self-order/bestellweg/self-order-bestellweg-1-startbild-720.jpg 720w"><img _ngcontent-ng-c3331086359 alt="Start screen with a promotion, a homemade lemonade" width="720" height="1280" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/self-order/bestellweg/self-order-bestellweg-1-startbild-720.jpg"></picture></div><div _ngcontent-ng-c3331086359 class="bw-kopf"><span _ngcontent-ng-c3331086359 aria-hidden="true" class="bw-nr">1</span><b _ngcontent-ng-c3331086359>Start screen</b></div><p _ngcontent-ng-c3331086359>The start screen shows your promotions. A tap starts the order.</p></li><li _ngcontent-ng-c3331086359 class="bw-schritt"><div _ngcontent-ng-c3331086359 class="geraet"><picture _ngcontent-ng-c3331086359><source _ngcontent-ng-c3331086359 sizes="(max-width: 640px) 62vw, (max-width: 1100px) 30vw, 180px" srcset="/assets/images/self-order/bestellweg/self-order-bestellweg-2-vor-ort-mitnehmen-360.jpg 360w, /assets/images/self-order/bestellweg/self-order-bestellweg-2-vor-ort-mitnehmen-720.jpg 720w"><img _ngcontent-ng-c3331086359 alt="Choice between dine-in and takeout" width="720" height="1280" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/self-order/bestellweg/self-order-bestellweg-2-vor-ort-mitnehmen-720.jpg"></picture></div><div _ngcontent-ng-c3331086359 class="bw-kopf"><span _ngcontent-ng-c3331086359 aria-hidden="true" class="bw-nr">2</span><b _ngcontent-ng-c3331086359>Dine in or take out</b></div><p _ngcontent-ng-c3331086359>Each option with its own prices and range.</p></li><li _ngcontent-ng-c3331086359 class="bw-schritt"><div _ngcontent-ng-c3331086359 class="geraet"><picture _ngcontent-ng-c3331086359><source _ngcontent-ng-c3331086359 sizes="(max-width: 640px) 62vw, (max-width: 1100px) 30vw, 180px" srcset="/assets/images/self-order/bestellweg/self-order-bestellweg-3-auswahl-360.jpg 360w, /assets/images/self-order/bestellweg/self-order-bestellweg-3-auswahl-720.jpg 720w"><img _ngcontent-ng-c3331086359 alt="Menu with categories on the left and items with picture and price" width="720" height="1280" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/self-order/bestellweg/self-order-bestellweg-3-auswahl-720.jpg"></picture></div><div _ngcontent-ng-c3331086359 class="bw-kopf"><span _ngcontent-ng-c3331086359 aria-hidden="true" class="bw-nr">3</span><b _ngcontent-ng-c3331086359>Selection</b></div><p _ngcontent-ng-c3331086359>Items with picture and price, with the cart always visible at the bottom.</p></li><li _ngcontent-ng-c3331086359 class="bw-schritt"><div _ngcontent-ng-c3331086359 class="geraet"><picture _ngcontent-ng-c3331086359><source _ngcontent-ng-c3331086359 sizes="(max-width: 640px) 62vw, (max-width: 1100px) 30vw, 180px" srcset="/assets/images/self-order/bestellweg/self-order-bestellweg-4-extras-360.jpg 360w, /assets/images/self-order/bestellweg/self-order-bestellweg-4-extras-720.jpg 720w"><img _ngcontent-ng-c3331086359 alt="Choice of extras at a surcharge for a dish" width="720" height="1280" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/self-order/bestellweg/self-order-bestellweg-4-extras-720.jpg"></picture></div><div _ngcontent-ng-c3331086359 class="bw-kopf"><span _ngcontent-ng-c3331086359 aria-hidden="true" class="bw-nr">4</span><b _ngcontent-ng-c3331086359>Extras</b></div><p _ngcontent-ng-c3331086359>Extras at a surcharge, requests such as “no onions” as options.
15</p></li><li _ngcontent-ng-c3331086359 class="bw-schritt"><div _ngcontent-ng-c3331086359 class="geraet"><picture _ngcontent-ng-c3331086359><source _ngcontent-ng-c3331086359 sizes="(max-width: 640px) 62vw, (max-width: 1100px) 30vw, 180px" srcset="/assets/images/self-order/bestellweg/self-order-bestellweg-5-bezahlen-360.jpg 360w, /assets/images/self-order/bestellweg/self-order-bestellweg-5-bezahlen-720.jpg 720w"><img _ngcontent-ng-c3331086359 alt="Cart with the choice between card payment and payment at the till" width="720" height="1280" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/self-order/bestellweg/self-order-bestellweg-5-bezahlen-720.jpg"></picture></div><div _ngcontent-ng-c3331086359 class="bw-kopf"><span _ngcontent-ng-c3331086359 aria-hidden="true" class="bw-nr">5</span><b _ngcontent-ng-c3331086359>Payment</b></div><p _ngcontent-ng-c3331086359>By card at the terminal or “Pay at the till”.</p></li><li _ngcontent-ng-c3331086359 class="bw-schritt"><div _ngcontent-ng-c3331086359 class="geraet"><picture _ngcontent-ng-c3331086359><source _ngcontent-ng-c3331086359 sizes="(max-width: 640px) 62vw, (max-width: 1100px) 30vw, 180px" srcset="/assets/images/self-order/bestellweg/self-order-bestellweg-6-fertig-360.jpg 360w, /assets/images/self-order/bestellweg/self-order-bestellweg-6-fertig-720.jpg 720w"><img _ngcontent-ng-c3331086359 alt="Confirmation that the order has reached the kitchen" width="720" height="1280" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/self-order/bestellweg/self-order-bestellweg-6-fertig-720.jpg"></picture></div><div _ngcontent-ng-c3331086359 class="bw-kopf"><span _ngcontent-ng-c3331086359 aria-hidden="true" class="bw-nr">6</span><b _ngcontent-ng-c3331086359>Done</b></div><p _ngcontent-ng-c3331086359>The order has reached the kitchen.</p></li></ol><p _ngcontent-ng-c2027969233 class="bildunter">The screens are from live operation at bona’me.</p></div></div></div><div _ngcontent-ng-c2027969233 id="selforderterminal" class="band weiss" data-branche="gastronomie"><div _ngcontent-ng-c2027969233 class="content-wrap"><div _ngcontent-ng-c2027969233 class="p-rl"><div _ngcontent-ng-c2027969233 class="grid-50 gedreht"><div _ngcontent-ng-c2027969233 class="erst btt-reveal"><div _ngcontent-ng-c2027969233 class="kopfzeile"><span _ngcontent-ng-c2027969233 data-icon="self-order-payment" aria-hidden="true" class="info-icon"></span><span _ngcontent-ng-c2027969233 class="eyebrow">Order, pay at the till</span><h3 _ngcontent-ng-c2027969233 class="main-title">Self Order Terminal</h3></div><p _ngcontent-ng-c2027969233 class="grau-text">The guest enters their order at the terminal. It is stored on an RFID guest card and goes to the kitchen stations. The pager calls them as soon as they can collect. On the way out the till calls up the order via the card and settles it.</p><ul _ngcontent-ng-c2027969233 class="hakenliste"><li _ngcontent-ng-c2027969233>Order on the guest card, billing at the till</li><li _ngcontent-ng-c2027969233>The pager names the station where the order is ready</li><li _ngcontent-ng-c2027969233>Orders visible on kitchen station, kitchen printer and till</li></ul></div><div _ngcontent-ng-c2027969233 class="zweit btt-reveal"><div _ngcontent-ng-c2027969233 class="ablauf-sichtbar"><div _ngcontent-ng-c2027969233 app-so-kette _nghost-ng-c2711266120><!----><div _ngcontent-ng-c2711266120 role="group" class="kette" aria-label="Process at the Self Order Terminal"><div _ngcontent-ng-c2711266120 class="knoten"><div _ngcontent-ng-c2711266120 class="wuerfel"><img _ngcontent-ng-c2711266120 alt width="236" height="236" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/self-order/ablauf/self-order-ablauf-terminal.jpg"></div><div _ngcontent-ng-c2711266120 class="lab"><b _ngcontent-ng-c2711266120>Ordering</b><span _ngcontent-ng-c2711266120>at the terminal</span></div></div><div _ngcontent-ng-c2711266120 aria-hidden="true" class="pfeil">→</div><!----><div _ngcontent-ng-c2711266120 class="knoten"><div _ngcontent-ng-c2711266120 class="wuerfel"><img _ngcontent-ng-c2711266120 alt width="236" height="236" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/self-order/ablauf/self-order-ablauf-gaestekarte.jpg"></div><div _ngcontent-ng-c2711266120 class="lab"><b _ngcontent-ng-c2711266120>Guest card</b><span _ngcontent-ng-c2711266120>
15stores the order</span></div></div><div _ngcontent-ng-c2711266120 aria-hidden="true" class="pfeil">→</div><!----><div _ngcontent-ng-c2711266120 class="knoten"><div _ngcontent-ng-c2711266120 class="wuerfel"><img _ngcontent-ng-c2711266120 alt width="236" height="236" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/self-order/ablauf/self-order-ablauf-kuechenstation.jpg"></div><div _ngcontent-ng-c2711266120 class="lab"><b _ngcontent-ng-c2711266120>Kitchen station</b><span _ngcontent-ng-c2711266120>Pager calls the guest</span></div></div><div _ngcontent-ng-c2711266120 aria-hidden="true" class="pfeil">→</div><!----><div _ngcontent-ng-c2711266120 class="knoten"><div _ngcontent-ng-c2711266120 class="wuerfel"><img _ngcontent-ng-c2711266120 alt width="236" height="236" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/self-order/ablauf/self-order-ablauf-kasse.jpg"></div><div _ngcontent-ng-c2711266120 class="lab"><b _ngcontent-ng-c2711266120>Till</b><span _ngcontent-ng-c2711266120>Billing via the card</span></div></div><!----><!----></div></div></div></div></div></div></div></div><div _ngcontent-ng-c2027969233 id="bonameterminals" class="band grau" data-branche="gastronomie"><div _ngcontent-ng-c2027969233 class="content-wrap"><div _ngcontent-ng-c2027969233 class="p-rl"><div _ngcontent-ng-c2027969233 class="grid-50"><div _ngcontent-ng-c2027969233 class="erst btt-reveal"><div _ngcontent-ng-c2027969233 class="kopfzeile"><span _ngcontent-ng-c2027969233 class="eyebrow">Showcase</span><h3 _ngcontent-ng-c2027969233 class="main-title">bona’me Restaurants</h3></div><p _ngcontent-ng-c2027969233 class="grau-text">The bona’me restaurants are busy. Guests should still be able to order in peace while the kitchen and the till keep running. Every guest receives an RFID guest card at the entrance on which their orders are stored.</p><p _ngcontent-ng-c2027969233 class="grau-text">Orders are placed at the Self Order Terminals in the dining room, billing takes place at the till on the way out.</p></div><div _ngcontent-ng-c2027969233 class="zweit btt-reveal"><div _ngcontent-ng-c2027969233 class="szene"><picture _ngcontent-ng-c2027969233><source _ngcontent-ng-c2027969233 media="(max-width: 480px)" srcset="/assets/images/self-order/terminal-im-gastraum-400.jpg"><source _ngcontent-ng-c2027969233 media="(max-width: 768px)" srcset="/assets/images/self-order/terminal-im-gastraum-670.jpg"><img _ngcontent-ng-c2027969233 loading="lazy" ngsrc="/assets/images/self-order/terminal-im-gastraum.jpg" alt="Dining room of a restaurant with tables and chairs" title="Dining room with Self Order Terminal" height="593" width="1120" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/self-order/terminal-im-gastraum.jpg"></picture><video _ngcontent-ng-c2027969233 autoplay loop muted playsinline preload="none" poster="/assets/images/self-order/terminal-im-gastraum-670.jpg" aria-hidden="true" class="szene-film"><source _ngcontent-ng-c2027969233 type="video/mp4" src="https://cdn.oktopos.net/direct/website/oktop
15os-webapp/assets/videos/self-order-terminal-im-gastraum.mp4"></video></div></div></div><div _ngcontent-ng-c2027969233 class="klapp btt-reveal"><h3 _ngcontent-ng-c2027969233 class="klapp-titel"><button _ngcontent-ng-c2027969233 type="button" aria-controls="so-bilder" class="klapp-knopf" aria-expanded="false"><span _ngcontent-ng-c2027969233>Pictures from the restaurant</span><span _ngcontent-ng-c2027969233 class="klapp-mehr">Show more</span><!----><!----><span _ngcontent-ng-c2027969233 aria-hidden="true" class="chev" data-icon="chevron-down"></span></button></h3><div _ngcontent-ng-c2027969233 id="so-bilder" class="inhalt" hidden><div _ngcontent-ng-c2027969233 class="inhalt-innen"><div _ngcontent-ng-c2027969233 class="schritte"><div _ngcontent-ng-c2027969233 class="schritt"><video _ngcontent-ng-c2027969233 autoplay loop playsinline muted preload="none" poster="/assets/images/poster/self-order-terminal-prozess-animation.jpg" aria-label="Process: customers order at the terminal, the order is stored on an RFID guest card, it appears on the kitchen stations, the customer pays later at the till"><source _ngcontent-ng-c2027969233 type="video/mp4" src="https://cdn.oktopos.net/direct/website/oktop
15os-webapp/assets/videos/self-order-terminal-animation.mp4"></video><p _ngcontent-ng-c2027969233><b _ngcontent-ng-c2027969233>The process</b><span _ngcontent-ng-c2027969233>In four steps from the terminal to the till.</span></p></div><div _ngcontent-ng-c2027969233 class="schritt"><picture _ngcontent-ng-c2027969233><source _ngcontent-ng-c2027969233 media="(max-width: 480px)" srcset="/assets/images/self-order/self-order-terminal-contactless-order-400.jpg"><source _ngcontent-ng-c2027969233 media="(max-width: 768px)" srcset="/assets/images/self-order/self-order-terminal-contactless-order-670.jpg"><img _ngcontent-ng-c2027969233 loading="lazy" ngsrc="/assets/images/self-order/self-order-terminal-contactless-order-900.jpg" alt="Counter with Self Order Terminal, pager station and a view into the kitchen" height="600" width="900" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/self-order/self-order-terminal-contactless-order-900.jpg"></picture><p _ngcontent-ng-c2027969233><b _ngcontent-ng-c2027969233>Counter</b><span _ngcontent-ng-c2027969233>The pager station on the left, the terminal in the middle, the kitchen behind it.</span></p></div><div _ngcontent-ng-c2027969233 class="schritt"><picture _ngcontent-ng-c2027969233><source _ngcontent-ng-c2027969233 media="(max-width: 480px)" srcset="/assets/images/self-order/restaurant-pager-station-400.jpg"><source _ngcontent-ng-c2027969233 media="(max-width: 768px)" srcset="/assets/images/self-order/restaurant-pager-station-670.jpg"><img _ngcontent-ng-c2027969233 loading="lazy" ngsrc="/assets/images/self-order/restaurant-pager-station.jpg" alt="Guest taking a pager from the pager station" height="373" width="560" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/self-order/restaurant-pager-station.jpg"></picture><p _ngcontent-ng-c2027969233><b _ngcontent-ng-c2027969233>Pager</b><span _ngcontent-ng-c2027969233>The guest takes a pager.</span></p></div><div _ngcontent-ng-c2027969233 class="schritt"><picture _ngcontent-ng-c2027969233><source _ngcontent-ng-c2027969233 media="(max-width: 480px)" srcset="/assets/images/self-order/kitchen-monitor-in-restaurant-kitchen-400.jpg"><source _ngcontent-ng-c2027969233 media="(max-width: 768px)" srcset="/assets/images/self-order/kitchen-monitor-in-restaurant-kitchen-670.jpg"><img _ngcontent-ng-c2027969233 loading="lazy" ngsrc="/assets/images/self-order/kitchen-monitor-in-restaurant-kitchen.jpg" alt="Kitchen monitor in a restaurant kitchen" height="747" width="560" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/self-order/kitchen-monitor-in-restaurant-kitchen.jpg"></picture><p _ngcontent-ng-c2027969233><b _ngcontent-ng-c2027969233>Kitchen station</b><span _ngcontent-ng-c2027969233>Each station works through its order and calls the guest with the pager.</span></p></div><div _ngcontent-ng-c2027969233 class="schritt"><picture _ngcontent-ng-c2027969233><source _ngcontent-ng-c2027969233 media="(max-width: 480px)" srcset="/assets/images/self-order/restaurant-cash-register-400.jpg"><source _ngcontent-ng-c2027969233 media="(max-width: 768px)" srcset="/assets/images/self-order/restaurant-cash-register-670.jpg"><img _ngcontent-ng-c2027969233 loading="lazy" ngsrc="/assets/images/self-order/restaurant-cash-register.jpg" alt="Till counter of a restaurant seen from the cashier's side" height="373" width="560" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/self-order/restaurant-cash-register.jpg"></picture><p _ngcontent-ng-c2027969233><b _ngcontent-ng-c2027969233>Till</b><span _ngcontent-ng-c2027969233>On the way out the order is called up via the guest card.</span></p></div><div _ngcontent-ng-c2027969233 class="schritt"><picture _ngcontent-ng-c2027969233><source _ngcontent-ng-c2027969233 media="(max-width: 480px)" srcset="/assets/images/self-order/restaurant-customer-card-bona-me-400.png"><source _ngcontent-ng-c2027969233 media="(max-width: 768px)" srcset="/assets/images/self-order/restaurant-customer-card-bona-me-670.png"><img _ngcontent-ng-c2027969233 loading="lazy" ngsrc="/assets/images/self-order/restaurant-customer-card-bona-me.png" alt="Guest card in credit card format" height="700" width="600" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/self-order/restaurant-customer-card-bona-me.png"></picture><p _ngcontent-ng-c2027969233><b _ngcontent-ng-c2027969233>Guest card</b><span _ngcontent-ng-c2027969233>An RFID card in credit card format, in the branding of the house.</sp
15an></p></div></div></div></div></div></div></div></div><div _ngcontent-ng-c2027969233 id="gastraum" class="band weiss" data-branche="gastronomie"><div _ngcontent-ng-c2027969233 class="content-wrap"><div _ngcontent-ng-c2027969233 class="p-rl"><div _ngcontent-ng-c2027969233 class="klapp btt-reveal"><h3 _ngcontent-ng-c2027969233 class="klapp-titel"><button _ngcontent-ng-c2027969233 type="button" aria-controls="so-gastraum" class="klapp-knopf" aria-expanded="false"><span _ngcontent-ng-c2027969233>What a dining room can look like</span><span _ngcontent-ng-c2027969233 class="klapp-mehr">Show more</span><!----><!----><span _ngcontent-ng-c2027969233 aria-hidden="true" class="chev" data-icon="chevron-down"></span></button></h3><div _ngcontent-ng-c2027969233 id="so-gastraum" class="inhalt" hidden><div _ngcontent-ng-c2027969233 class="inhalt-innen"><div _ngcontent-ng-c2027969233 app-so-gastraum _nghost-ng-c4060135292><figure _ngcontent-ng-c4060135292 class="zeichnung"><picture _ngcontent-ng-c4060135292><source _ngcontent-ng-c4060135292 sizes="(min-width: 1280px) 700px, (min-width: 960px) 58vw, calc(100vw - 50px)" srcset="/assets/images/self-order/zeichnung/self-order-gastraum-zeichnung-400.jpg 400w, /assets/images/self-order/zeichnung/self-order-gastraum-zeichnung-670.jpg 670w, /assets/images/self-order/zeichnung/self-order-gastraum-zeichnung-900.jpg 900w, /assets/images/self-order/zeichnung/self-order-gastraum-zeichnung-1340.jpg 1340w, /assets/images/self-order/zeichnung/self-order-gastraum-zeichnung-1680.jpg 1680w"><img _ngcontent-ng-c4060135292 alt="Drawing of a dining room: two Self Order Terminals, a counter with till and pick-up monitor, behind it the kitchen with kitchen station, in front a seating area with numbered table stands" width="1340" height="1061" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/self-order/zeichnung/self-order-gastraum-zeichnung-1340.jpg"></picture><span _ngcontent-ng-c4060135292 aria-hidden="true" class="marke" style="left: 34.13%; top: 25.4%;">1</span><span _ngcontent-ng-c4060135292 aria-hidden="true" class="marke" style="left: 52.09%; top: 28.23%;">2</span><span _ngcontent-ng-c4060135292 aria-hidden="true" class="marke" style="left: 74.87%; top: 28.72%;">3</span><span _ngcontent-ng-c4060135292 aria-hidden="true" class="marke" style="left: 80.57%; top: 43.14%;">4</span><span _ngcontent-ng-c4060135292 aria-hidden="true" class="marke" style="left: 61.81%; top: 60.73%;">5</span><!----></figure><div _ngcontent-ng-c4060135292 class="legende-spalte"><ol _ngcontent-ng-c4060135292 class="legende"><li _ngcontent-ng-c4060135292><span _ngcontent-ng-c4060135292 aria-hidden="true" class="lg-nr">1</span><div _ngcontent-ng-c4060135292><b _ngcontent-ng-c4060135292>Self Order Terminals</b><span _ngcontent-ng-c4060135292>The guest orders and pays by card.</span></div></li><li _ngcontent-ng-c4060135292><span _ngcontent-ng-c4060135292 aria-hidden="true" class="lg-nr">2</span><div _ngcontent-ng-c4060135292><b _ngcontent-ng-c4060135292>Till</b><span _ngcontent-ng-c4060135292>For cash payments and “Pay at the till”.</span></div></li><li _ngcontent-ng-c4060135292><span _ngcontent-ng-c4060135292 aria-hidden="true" class="lg-nr">3</span><div _ngcontent-ng-c4060135292><b _ngcontent-ng-c4060135292>Kitchen with kitchen station</b><span _ngcontent-ng-c4060135292>Every order appears immediately, split by station.</span></div></li><li _ngcontent-ng-c4060135292><span _ngcontent-ng-c4060135292 aria-hidden="true" class="lg-nr">4</span><div _ngcontent-ng-c4060135292><b _ngcontent-ng-c4060135292>Pick-up point with pick-up monitor</b><span _ngcontent-ng-c4060135292>The number shows which order is ready.</span></div></li><li _ngcontent-ng-c4060135292><span _ngcontent-ng-c4060135292 aria-hidden="true" class="lg-nr">5</span><div _ngcontent-ng-c4060135292><b _ngcontent-ng-c4060135292>Seating area with table number stands</b><span _ngcontent-ng-c4060135292>The service staff bring the order to the table.</span></div></li></ol><p _ngcontent-ng-c4060135292 class="fussnote">
15Example layout. The number and position of the devices depend on your space.</p></div></div></div></div></div><div _ngcontent-ng-c2027969233 class="klapp btt-reveal"><h3 _ngcontent-ng-c2027969233 class="klapp-titel"><button _ngcontent-ng-c2027969233 type="button" aria-controls="so-ausgabe" class="klapp-knopf" aria-expanded="false"><span _ngcontent-ng-c2027969233>Pick-up or table service</span><span _ngcontent-ng-c2027969233 class="klapp-mehr">Show more</span><!----><!----><span _ngcontent-ng-c2027969233 aria-hidden="true" class="chev" data-icon="chevron-down"></span></button></h3><div _ngcontent-ng-c2027969233 id="so-ausgabe" class="inhalt" hidden><div _ngcontent-ng-c2027969233 class="inhalt-innen"><div _ngcontent-ng-c2027969233 app-so-kette _nghost-ng-c2711266120><p _ngcontent-ng-c2711266120 class="kette-titel">At the pick-up point</p><!----><div _ngcontent-ng-c2711266120 role="group" class="kette n3" aria-label="Process at the pick-up point"><div _ngcontent-ng-c2711266120 class="knoten"><div _ngcontent-ng-c2711266120 class="wuerfel"><img _ngcontent-ng-c2711266120 alt width="236" height="236" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/self-order/ablauf/self-order-ablauf-kuechenstation.jpg"></div><div _ngcontent-ng-c2711266120 class="lab"><b _ngcontent-ng-c2711266120>Kitchen</b><span _ngcontent-ng-c2711266120>marks order ready</span></div></div><div _ngcontent-ng-c2711266120 aria-hidden="true" class="pfeil">→</div><!----><div _ngcontent-ng-c2711266120 class="knoten"><div _ngcontent-ng-c2711266120 class="wuerfel"><img _ngcontent-ng-c2711266120 alt width="236" height="236" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/self-order/ablauf/self-order-ablauf-abholmonitor.jpg"></div><div _ngcontent-ng-c2711266120 class="lab"><b _ngcontent-ng-c2711266120>Pick-up monitor</b><span _ngcontent-ng-c2711266120>shows the number</span></div></div><div _ngcontent-ng-c2711266120 aria-hidden="true" class="pfeil">→</div><!----><div _ngcontent-ng-c2711266120 class="knoten"><div _ngcontent-ng-c2711266120 class="wuerfel"><img _ngcontent-ng-c2711266120 alt width="236" height="236" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/self-order/ablauf/self-order-ablauf-gast.jpg"></div><div _ngcontent-ng-c2711266120 class="lab"><b _ngcontent-ng-c2711266120>Guest</b><span _ngcontent-ng-c2711266120>collects the order</span></div></div><!----><!----></div></div><div _ngcontent-ng-c2027969233 app-so-kette _nghost-ng-c2711266120><p _ngcontent-ng-c2711266120 class="kette-titel">At the table</p><!----><div _ngcontent-ng-c2711266120 role="group" class="kette n3" aria-label="Process with table service"><div _ngcontent-ng-c2711266120 class="knoten"><div _ngcontent-ng-c2711266120 class="wuerfel"><img _ngcontent-ng-c2711266120 alt width="236" height="236" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/self-order/ablauf/self-order-ablauf-terminal.jpg"></div><div _ngcontent-ng-c2711266120 class="lab"><b _ngcontent-ng-c2711266120>Table number</b><span _ngcontent-ng-c2711266120>at the terminal</span></div></div><div _ngcontent-ng-c2711266120 aria-hidden="true" class="pfeil">→</div><!----><div _ngcontent-ng-c2711266120 class="knoten"><div _ngcontent-ng-c2711266120 class="wuerfel"><img _ngcontent-ng-c2711266120 alt width="236" height="236" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/self-order/ablauf/self-order-ablauf-kuechenstation.jpg"></div><div _ngcontent-ng-c2711266120 class="lab"><b _ngcontent-ng-c2711266120>Kitchen</b><span _ngcontent-ng-c2711266120>prepares the order</span></div></div><div _ngcontent-ng-c2711266120 aria-hidden="true" class="pfeil">→</div><!----><div _ngcontent-ng-c2711266120 class="knoten"><div _ngcontent-ng-c2711266120 class="wuerfel"><img _ngcontent-ng-c2711266120 alt width="236" height="236" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/self-order/ablauf/self-order-ablauf-service.jpg"></div><div _ngcontent-ng-c2711266120 class="lab"><b _ngcontent-ng-c2711266120>Service staff</b><span _ngcontent-ng-c2711266120>brings to the table</span></div></div><!----><!----></div></div><p _ngcontent-ng-c2027969233 class="kette-notiz">With table service, payment is made at the till.</p></div></div></div></div></div></div><div _ngcontent-ng-c2027969233 class="barband"><div _ngcontent-ng-c2027969233 class="content-wrap"><div _ngcontent-ng-c2027969233 class="p-rl inner btt-reveal"><span _ngcontent-ng-c2027969233 data-icon="customerdisplay" aria-hidden="true" class="ico"></span>
15<p _ngcontent-ng-c2027969233><b _ngcontent-ng-c2027969233>From 10 to 32 inches.</b> <span _ngcontent-ng-c2027969233>The Self Order Terminals run in portrait and in landscape format, free-standing, on the counter or on the wall.</span></p></div></div></div><div _ngcontent-ng-c2027969233 id="selforderandpaymentterminals" class="band grau"><div _ngcontent-ng-c2027969233 class="content-wrap"><div _ngcontent-ng-c2027969233 class="p-rl btt-reveal"><div _ngcontent-ng-c2027969233 class="klapp"><h3 _ngcontent-ng-c2027969233 class="klapp-titel"><button _ngcontent-ng-c2027969233 type="button" aria-controls="so-funktionen" class="klapp-knopf" aria-expanded="false"><span _ngcontent-ng-c2027969233>Self Order Terminal features</span><span _ngcontent-ng-c2027969233 class="klapp-mehr">Show more</span><!----><!----><span _ngcontent-ng-c2027969233 aria-hidden="true" class="chev" data-icon="chevron-down"></span></button></h3><div _ngcontent-ng-c2027969233 id="so-funktionen" class="inhalt" hidden><div _ngcontent-ng-c2027969233 class="inhalt-innen"><div _ngcontent-ng-c2027969233 class="merkmale"><div _ngcontent-ng-c2027969233 class="merkmal"><span _ngcontent-ng-c2027969233 data-icon="sideorders" aria-hidden="true"></span><p _ngcontent-ng-c2027969233><b _ngcontent-ng-c2027969233>Meal deals and bundles</b> <span _ngcontent-ng-c2027969233>Deals with selection steps at a set price, such as a dish or a sandwich with a drink of choice.</span></p></div><div _ngcontent-ng-c2027969233 class="merkmal"><span _ngcontent-ng-c2027969233 data-icon="sidedishes" aria-hidden="true"></span><p _ngcontent-ng-c2027969233><b _ngcontent-ng-c2027969233>Extras</b> <span _ngcontent-ng-c2027969233>Extras at a surcharge, requests such as “no onions” or “sliced” as options.</span></p></div><div _ngcontent-ng-c2027969233 class="merkmal"><span _ngcontent-ng-c2027969233 data-icon="discount" aria-hidden="true"></span><p _ngcontent-ng-c2027969233><b _ngcontent-ng-c2027969233>Promotions</b> <span _ngcontent-ng-c2027969233>Start image or start film and a dedicated category for your promotions.</span></p></div><div _ngcontent-ng-c2027969233 class="merkmal"><span _ngcontent-ng-c2027969233 data-icon="allergens" aria-hidden="true"></span><p _ngcontent-ng-c2027969233><b _ngcontent-ng-c2027969233>Allergen filter</b> <span _ngcontent-ng-c2027969233 data-branche="gastronomie">Allergens, additives and nutritional values for each article. Guests and customers hide what they cannot tolerate.</span><span _ngcontent-ng-c2027969233 class="nur-handel" data-branche="einzelhandel">Allergens, additives and nutritional values for each article. Customers hide what they cannot tolerate.</span></p></div><div _ngcontent-ng-c2027969233 class="merkmal"><span _ngcontent-ng-c2027969233 data-icon="time-and-attendance" aria-hidden="true"></span><p _ngcontent-ng-c2027969233><b _ngcontent-ng-c2027969233>Time control</b> <span _ngcontent-ng-c2027969233>Articles appear only at set times, such as in the morning or at lunchtime, and disappear again afterwards.<
15/span></p></div><div _ngcontent-ng-c2027969233 class="merkmal"><span _ngcontent-ng-c2027969233 data-icon="hide-articles" aria-hidden="true"></span><p _ngcontent-ng-c2027969233><b _ngcontent-ng-c2027969233>Availability</b> <span _ngcontent-ng-c2027969233>Anything sold out is blocked manually by your staff at the station where the orders come in. It can then no longer be ordered at the terminal.</span></p></div><div _ngcontent-ng-c2027969233 class="merkmal"><span _ngcontent-ng-c2027969233 data-icon="take-away-app" aria-hidden="true"></span><p _ngcontent-ng-c2027969233><b _ngcontent-ng-c2027969233>Dine in or take out</b> <span _ngcontent-ng-c2027969233>Separate prices and ranges for both options.</span></p></div><div _ngcontent-ng-c2027969233 class="merkmal"><span _ngcontent-ng-c2027969233 data-icon="international" aria-hidden="true"></span><p _ngcontent-ng-c2027969233><b _ngcontent-ng-c2027969233>Languages</b> <span _ngcontent-ng-c2027969233>Twenty languages are available, you choose which of them are offered in your business.</span></p></div><div _ngcontent-ng-c2027969233 class="merkmal"><span _ngcontent-ng-c2027969233 data-icon="payment-methods" aria-hidden="true"></span><p _ngcontent-ng-c2027969233><b _ngcontent-ng-c2027969233>Payment</b> <span _ngcontent-ng-c2027969233>Cashless at the terminal or at the till with all payment methods.</span></p></div><div _ngcontent-ng-c2027969233 class="merkmal"><span _ngcontent-ng-c2027969233 data-icon="kitchen-monitors" aria-hidden="true"></span><p _ngcontent-ng-c2027969233><b _ngcontent-ng-c2027969233>Forwarded directly</b> <span _ngcontent-ng-c2027969233>Orders appear immediately on the till, the kitchen station and the kitchen printer, in the kitchen as well as at the counter.</span></p></div><div _ngcontent-ng-c2027969233 class="merkmal"><span _ngcontent-ng-c2027969233 data-icon="compliance" aria-hidden="true"></span><p _ngcontent-ng-c2027969233><b _ngcontent-ng-c2027969233>Correct for tax purposes</b> <span _ngcontent-ng-c2027969233>Posting, receipt creation and storage of the transactions as at the till.</span></p></div><div _ngcontent-ng-c2027969233 class="merkmal" data-branche="gastronomie"><span _ngcontent-ng-c2027969233 data-icon="guest-card" aria-hidden="true"></span><p _ngcontent-ng-c2027969233><b _ngcontent-ng-c2027969233>Guest card</b> <span _ngcontent-ng-c2027969233>RFID card in the branding of your business, also as a customer card.</span></p></div></div></div></div></div></div></div></div><div _ngcontent-ng-c2027969233 id="oktowaitlist" class="barband"><div _ngcontent-ng-c2027969233 class="content-wrap"><div _ngcontent-ng-c2027969233 class="p-rl inner btt-reveal"><span _ngcontent-ng-c2027969233 data-icon="customerdisplay" aria-hidden="true" class="ico"></span><p _ngcontent-ng-c2027969233><b _ngcontent-ng-c2027969233>OktoWaitlist pick-up monitor.</b> <span _ngcontent-ng-c2027969233 data-branche="gastronomie">Guests and customers see on the screen which orders are ready.</span><span _ngcontent-ng-c2027969233 class="nur-handel" data-branche="einzelhandel">Customers see on the screen which orders are ready.</span> <a _ngcontent-ng-c2027969233 routerlink="/operations/kitchen-monitors" fragment="oktowaitlist" href="/en/operations/kitchen-monitors#oktowaitlist" data-branche="gastronomie">More</a></p></div></div></div><div _ngcontent-ng-c2027969233 id="terminaldesign" class="band grau"><div _ngcontent-ng-c2027969233 class="content-wrap"><div _ngcontent-ng-c2027969233 class="p-rl"><div _ngcontent-ng-c2027969233 class="grid-50"><div _ngcontent-ng-c2027969233 class="erst btt-reveal"><div _ngcontent-ng-c2027969233 class="kopfzeile"><span _ngcontent-ng-c2027969233 data-icon="technology" aria-hidden="true" class="info-icon"></span><span _ngcontent-ng-c2027969233 class="eyebrow">Design</span><h3 _ngcontent-ng-c2027969233 class="main-title">Custom design</h3></div><p _ngcontent-ng-c2027969233 class="grau-text">Start image or start film, logo, background and font color and the typeface are set to your specifications.</p></div><div _ngcontent-ng-c2027969233 class="zweit btt-reveal"><div _ngcontent-ng-c2027969233 class="medien frei"><picture _ngcontent-ng-c2027969233 class="bild-standard"><source _ngcontent-ng-c2027969233 srcset="/assets/images/self-order/gestaltung/self-order-stelen-drei-designs-400.jpg 400w, /assets/images/self-order/gestaltung/self-order-stelen-drei-designs-670.jpg 670w, /assets/images/self-order/gestaltung/self-order-stelen-drei-designs-900.jpg 900w, /assets/images/self-order/gestaltung/self-order-stelen-drei-designs-1380.jpg 1380w" sizes="(min-width: 540px) 428px, calc(100vw - 82px)"><img _ngcontent-ng-c2027969233 loading="lazy" ngsrc="/assets/images/self-order/gestaltung/self-order-stelen-drei-designs-900.jpg" alt="Three floor-standing Self Order Terminals with different screens: start screen, menu and dishes" height="600" width="900" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/self-order/gestaltung/self-order-stelen-drei-designs-900.jpg"></picture><img _ngcontent-ng-c2027969233 loading="lazy" sizes="(min-width: 540px) 428px, calc(100vw - 82px)" alt="Three floor-standing Self Order Terminals, each with its own look: supermarket, bakery and delicatessen" height="600" width="900" class="bild-einzelhandel"></div></div></div></div></div></div><div _ngcontent-ng-c2027969233 class="content-wrap">
15<div _ngcontent-ng-c2027969233 class="p-rl klappen klapp-ende"><div _ngcontent-ng-c2027969233 class="klapp btt-reveal"><h3 _ngcontent-ng-c2027969233 class="klapp-titel"><button _ngcontent-ng-c2027969233 type="button" aria-controls="so-system" class="klapp-knopf" aria-expanded="false"><span _ngcontent-ng-c2027969233>System Requirements</span><span _ngcontent-ng-c2027969233 class="klapp-mehr">Show more</span><!----><!----><span _ngcontent-ng-c2027969233 aria-hidden="true" class="chev" data-icon="chevron-down"></span></button></h3><div _ngcontent-ng-c2027969233 id="so-system" class="inhalt" hidden><div _ngcontent-ng-c2027969233 class="inhalt-innen"><ul _ngcontent-ng-c2027969233 class="spalten"><li _ngcontent-ng-c2027969233>One power connection (230 V) and one network connection per terminal, LAN recommended, Wi-Fi possible</li><li _ngcontent-ng-c2027969233>An OktoPOS server on site, which can also serve as the till</li><li _ngcontent-ng-c2027969233>Internet access for the OktoPOS Manager and card payment</li><li _ngcontent-ng-c2027969233>Card payment via OktoFIN or ZVT-compatible card payment terminals</li><li _ngcontent-ng-c2027969233>Kitchen station, kitchen printer and pick-up monitor on the same network</li></ul></div></div></div></div></div></div></app-terminals><app-order-terminals _ngcontent-ng-c2214147036 _nghost-ng-c2205609467 data-branche="gastronomie"><div _ngcontent-ng-c2205609467 id="orderterminals" class="bestellterminal-neu"><div _ngcontent-ng-c2205609467 class="band weiss"><div _ngcontent-ng-c2205609467 class="content-wrap"><div _ngcontent-ng-c2205609467 class="p-rl"><div _ngcontent-ng-c2205609467 class="grid-50"><div _ngcontent-ng-c2205609467 class="erst btt-reveal"><div _ngcontent-ng-c2205609467 class="kopfzeile"><h3 _ngcontent-ng-c2205609467 class="main-title">Order Terminals</h3></div><p _ngcontent-ng-c2205609467 class="legend-text software-nr">Software<!---->: SW-ORD</p><p _ngcontent-ng-c2205609467 class="grau-text">The order terminal is a cash register without a cashier function. With this terminal, your staff take orders and send them to the kitchen or the pick-up point.</p><p _ngcontent-ng-c2205609467 class="grau-text">The orders can be booked on tables or guest cards, which are paid later at the check-out cash register.</p></div><div _ngcontent-ng-c2205609467 class="zweit btt-reveal"><div _ngcontent-ng-c2205609467 class="medien"><picture _ngcontent-ng-c2205609467><source _ngcontent-ng-c2205609467 media="(max-width: 480px)" srcset="/assets/images/cash-register/order-terminal-restaurant-480.jpg"><source _ngcontent-ng-c2205609467 media="(max-width: 768px)" srcset="/assets/images/cash-register/order-terminal-restaurant-768.jpg"><source _ngcontent-ng-c2205609467 media="(max-width: 992px)" srcset="/assets/images/cash-register/order-terminal-restaurant-992.jpg"><img _ngcontent-ng-c2205609467 loading="lazy" title="Restaurant order terminal" ngsrc="/assets/images/cash-register/order-terminal-restaurant.jpg" alt="Order terminal in a restaurant" height="720" width="1280" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/cash-register/order-terminal-restaurant.jpg"></picture></div></div></div></div></div></div></div></app-order-terminals><app-mobile-ordering _ngcontent-ng-c2214147036><div id="mobileordering-seite" class="mo"><div id="mobileordering" class="bildband hero"><img alt="Guest at a restaurant table holding a phone with the menu, a plate of pasta in front" height="853" ngsrc="/assets/images/mobile-ordering/restaurant-byod-beispiel.jpg" priority width="1280" class="bild-standard" loading="eager" fetchpriority="high" decoding="sync" ng-img="true" src="/assets/images/mobile-ordering/restaurant-byod-beispiel.jpg"><img alt="Hand holding a phone in front of the fresh food counter of a supermarket, the store’s online shop on the phone" height="1024" sizes="100vw" width="1536" class="bild-einzelhandel"><div class="titel"><div class="wrap"><span class="eyebrow" data-branche="gastronomie">Mobile Ordering</span><span class="eyebrow nur-handel" data-branche="einzelhandel">Online shop</span><h2 data-branche="gastronomie">Ordering on your own phone</h2><h2 class="nur-handel" data-branche="einzelhandel">Your store online</h2><p class="headline-sub" data-branche="gastronomie">On site, on the go or from home.</p><p class="headline-sub nur-handel" data-branche="einzelhandel">The same shop on every device.</p><p class="legend-text software-nr white">Software<!---->: SW-SHP</p></div></div></div><!----><div class="wrap" style="padding-top: 56px; padding-bottom: 64px;"><div class="grid-50 mo-intro" style="align-items: start;"><div><p class="grau-text" data-branche="gastronomie">Your guests and customers order in the browser of their own phone. There is nothing to download: scan the QR code, tap the link or enter the address of your shop.</p><p class="grau-text nur-handel" data-branche="einzelhandel">Your customers shop in the browser, on their phone as well as on their computer. There is nothing to download: scan the QR code, tap the link or enter the address of your shop.</p><p class="grau-text" data-branche="gastronomie">The same shop serves the table in the restaurant, collection, the delivery service, the hotel room and retail. Articles, prices and descriptions come from inventory management, orders arrive at the till and the OktoPOS Manager, and in hospital
15ity also at the kitchen station.</p><p class="grau-text nur-handel" data-branche="einzelhandel">Articles, prices and descriptions come from inventory management, and orders arrive at the till and the OktoPOS Manager. You do not need an interface to a third-party shop system.</p></div><div data-branche="gastronomie"><span class="eyebrow" style="margin-top: 0;">Use cases</span><ul class="hakenliste sprung" style="margin-top: 8px;"><li data-branche="gastronomie"><a routerlink="." fragment="digitalmenu" href="/en/self-order-systems#digitalmenu">Digital menu as a QR code at the entrance</a></li><li data-branche="gastronomie"><a routerlink="." fragment="takeawayapp" href="/en/self-order-systems#takeawayapp">Pre-order and collect with the Take Away App</a></li><li data-branche="gastronomie"><a routerlink="." fragment="byod" href="/en/self-order-systems#byod">Order at the table on the guest's phone</a></li><li data-branche="gastronomie"><a routerlink="." fragment="hotel" href="/en/self-order-systems#hotel">Room, lobby and pool in the hotel</a></li><li data-branche="gastronomie"><a routerlink="." fragment="shop" href="/en/self-order-systems#shop">Shop for the delivery service</a></li><li data-branche="einzelhandel"><a routerlink="." fragment="webshop" href="/en/self-order-systems#webshop">Online shop for retail</a></li><li data-branche="einzelhandel"><a routerlink="." fragment="webshop" href="/en/self-order-systems#webshop">Up-to-date articles on your own website</a></li><li><a routerlink="." fragment="funktionen" href="/en/self-order-systems#funktionen">Features</a></li></ul></div></div></div><div id="digitalmenu" class="band grau" data-branche="gastronomie"><div class="wrap"><div class="grid-50 reihe"><div class="erst btt-reveal"><div class="kopfzeile"><span aria-hidden="true" data-icon="digital-menu" class="info-icon 
15ico"></span><span class="eyebrow">Digital menu</span><h3 class="main-title">The menu as a QR code at the entrance</h3></div><p class="grau-text">Displaying the menu at the entrance is required and has to be reprinted with every change. With a QR code at the door your guests see the current menu on their phone. If the feature is enabled, they order straight away.</p><ul class="hakenliste"><li>Always the current menu, no reprint after changes</li><li>Prices, allergens and nutritional values from inventory management</li><li>Time-controlled articles, for example breakfast and lunch menu</li><li>Order directly from the menu once you enable it</li></ul></div><div class="zweit btt-reveal"><div class="medien"><video muted aria-label="Guest scans the QR code at the restaurant door and sees the menu on the phone" autoplay loop playsinline poster="/assets/images/poster/restaurant-digital-menu.jpg" preload="none"><source type="video/mp4" src="https://cdn.oktopos.net/direct/website/oktopos-webapp/assets/videos/restaurant-digital-menu.mp4"></video></div></div></div></div></div><div id="takeawayapp" class="band gelb" data-branche="gastronomie"><div class="wrap"><div class="grid-50 reihe"><div class="erst btt-reveal"><div class="kopfzeile"><span aria-hidden="true" data-icon="take-away-app" class="info-icon 
15ico"></span><span class="eyebrow">Take Away App</span><h3 class="main-title">Pre-order, pay, collect</h3></div><p class="grau-text">Your guests order for collection on the phone and pay in the app or on site. The order appears immediately on the kitchen station, at the till and in the OktoPOS Manager.</p><ul class="hakenliste"><li>Payment in the app or on collection</li><li>Orders only from the radius you define</li><li>Time-controlled articles, for example breakfast and lunch menu</li><li>The same articles and prices as at the till</li></ul></div><div class="zweit btt-reveal"><img alt="Hand holding a paper bag labelled Pizza Box against a yellow background" height="1013" ngsrc="/assets/images/mobile-ordering/take-away-papiertuete-gelb.jpg" width="760" class="frei-band" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/mobile-ordering/take-away-papiertuete-gelb.jpg"></div></div><div class="klapp fluss btt-reveal"><h3><button aria-controls="fluss-ta" type="button" class="klapp-knopf" aria-expanded="false"><span>Data flow: how the Take Away App connects to the system</span><span class="klapp-mehr">Show more</span><!----><!----><span aria-hidden="true" class="chev" data-icon="chevron-down"></span></button></h3><div id="fluss-ta" class="inhalt" hidden><div class="inhalt-innen"><p class="grau-text" style="max-width: 660px;">The articles and their master data come from the OktoPOS Manager and appear on your website, in the menu and at the till. Orders go to the Manager, the till and the kitchen monitor.</p><div class="schema"><svg aria-label="Data flow Take Away App: articles and master data go from the OktoPOS Manager to the website, the menu and the till, orders go to the Manager, the till and the kitchen monitor" role="img" viewBox="0 0 600 560"><rect fill="#fff" height="560" rx="16" width="600" x="0" y="0"/><g transform="translate(20,20)"><defs><marker id="pf-ta" markerHeight="7" markerWidth="7" orient="auto-start-reverse" refX="9" refY="5" viewBox="0 0 10 10"><path d="M0,1 L9,5 L0,9 z" fill="#009de0"/></marker></defs><rect fill="#009de0" height="104" rx="12" width="420" x="0" y="0"/><text fill="#fff" font-size="24" font-weight="bold" x="24" y="36">My website</text><line stroke="#fff" stroke-opacity=".55" stroke-width="1" x1="14" x2="406" y1="52" y2="52"/><text fill="#fff" font-size="24" font-weight="bold" x="24" y="86">My menu</text><rect fill="#f5f6f8" height="72" rx="12" stroke="#d3d3d3" width="420" x="0" y="184"/><text fill="#12202b" font-size="23" font-weight="bold" x="24" y="215">OktoPOS Manager</text><text fill="#646464" font-size="15" x="24" y="237">Article management, inventory management</text><rect fill="#f5f6f8" height="72" rx="12" stroke="#d3d3d3" width="420" x="0" y="336"/><text fill="#12202b" font-size="23" font-weight="bold" x="24" y="367">OktoPOS Cash</text><text fill="#646464" font-size="15" x="24" y="389">Till</text><rect fill="#f5f6f8" height="72" rx="12" stroke="#d3d3d3" width="420" x="0" y="442"/><text fill="#12202b" font-size="23" font-weight="bold" x="24" y="473">OktoPOS Kitchen</text><text fill="#646464" font-size="15" x="24" y="495">Kitchen monitor</text><line marker-end="url(#pf-ta)" stroke="#009de0" stroke-width="2.5" x1="42" x2="42" y1="176" y2="112"/><text fill="#646464" font-size="16" x="60" y="142">Article</text><text fill="#646464" font-size="16" x="60" y="161">master data</text><line marker-end="url(#pf-ta)" stroke="#009de0" stroke-width="2.5" x1="42" x2="42" y1="264" y2="328"/><text fill="#646464" font-size="16" x="60" y="294">Article</text><text fill="#646464" font-size="16" x="60" y="313">master data</text><path d="M 420 52 H 470 V 478" fill="none" stroke="#009de0" stroke-width="2.5"/><line marker-end="url(#pf-ta)" stroke="#009de0" stroke-width="2.5" x1="470" x2="428" y1="220" y2="220"/><line marker-end="url(#pf-ta)" stroke="#009de0" stroke-width="2.5" x1="470" x2="428" y1="372" y2="372"/><line marker-end="url(#pf-ta)" stroke="#009de0" stroke-width="2.5" x1="470" x2="428" y1="478" y2="478"/><text fill="#646464" font-size="16" text-anchor="middle" transform="rotate(-90 496 265)" x="496" y="265">Orders</text></g></svg></div></div></div></div><div class="demo">
15<img alt="QR code for the hospitality demo shop" height="180" ngsrc="/assets/images/mobile-ordering/OktoPOS-gastro-online-shop-demo.png" width="180" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/mobile-ordering/OktoPOS-gastro-online-shop-demo.png"><div class="text"><span class="eyebrow">Demo shop</span><p>An order for collection, just as your guests see it.</p></div><div class="knoepfe"><a href="https://demo.shop.oktopos.net/city/?pickup" rel="noopener" target="_blank" class="btn">Try collection</a></div></div></div></div><div id="byod" class="band weiss" data-branche="gastronomie"><div class="wrap"><div class="grid-50 reihe"><div class="erst btt-reveal"><div class="kopfzeile"><span aria-hidden="true" data-icon="byod" class="info-icon ico"></span><span class="eyebrow">Bring Your Own Device</span><h3 class="main-title">The guest orders at the table</h3></div><p class="grau-text">A QR code on the table opens the menu on the guest's phone, the table number is already in the code. The guest orders and pays, the service brings the food. No device in the house that you have to buy, charge or clean.</p><ul class="hakenliste"><li>Table number via the QR code, no input</li><li>Re-order without waiting for the service</li><li>Pay on the phone or with the service as usual</li><li>The order goes straight to the kitchen and the till</li></ul></div><div class="zweit btt-reveal"><div class="medien frei"><video muted aria-label="Animation: guest orders at the table on their own phone, the kitchen receives the order" autoplay loop playsinline poster="/assets/images/poster/byod-animation.jpg" preload="none"><source type="video/mp4" src="https://cdn.oktopos.net/direct/website/oktop
15os-webapp/assets/videos/animations/byod-animation.mp4"></video></div></div></div><figure class="breitbild btt-reveal"><img alt="Table stand with QR code on a restaurant table, next to it a hand with the phone and the open ordering shop" height="1000" ngsrc="/assets/images/mobile-ordering/byod-tisch-aufsteller-breit.jpg" width="2200" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/mobile-ordering/byod-tisch-aufsteller-breit.jpg"></figure><div class="klapp fluss btt-reveal"><h3><button aria-controls="fluss-by" type="button" class="klapp-knopf" aria-expanded="false"><span>Data flow: how ordering at the table connects to the system</span><span class="klapp-mehr">Show more</span><!----><!----><span aria-hidden="true" class="chev" data-icon="chevron-down"></span></button></h3><div id="fluss-by" class="inhalt" hidden><div class="inhalt-innen"><p class="grau-text" style="max-width: 660px;">The articles and their master data come from the OktoPOS Manager into the menu and to the till. Orders go to the Manager, the till and the kitchen monitor.</p><div class="schema"><svg aria-label="Data flow Bring Your Own Device: articles and master data go from the OktoPOS Manager to the menu and the till, orders go to the Manager, the till and the kitchen monitor" role="img" viewBox="0 0 600 520"><rect fill="#fff" height="520" rx="16" width="600" x="0" y="0"/><g transform="translate(20,20)"><defs><marker id="pf-by" markerHeight="7" markerWidth="7" orient="auto-start-reverse" refX="9" refY="5" viewBox="0 0 10 10"><path d="M0,1 L9,5 L0,9 z" fill="#009de0"/></marker></defs><rect fill="#009de0" height="64" rx="12" width="420" x="0" y="0"/><text fill="#fff" font-size="24" font-weight="bold" x="24" y="40">My menu</text><rect fill="#f5f6f8" height="72" rx="12" stroke="#d3d3d3" width="420" x="0" y="144"/><text fill="#12202b" font-size="23" font-weight="bold" x="24" y="175">OktoPOS Manager</text><text fill="#646464" font-size="15" x="24" y="197">Article management, inventory management</text><rect fill="#f5f6f8" height="72" rx="12" stroke="#d3d3d3" width="420" x="0" y="296"/><text fill="#12202b" font-size="23" font-weight="bold" x="24" y="327">OktoPOS Cash</text><text fill="#646464" font-size="15" x="24" y="349">Till</text><rect fill="#f5f6f8" height="72" rx="12" stroke="#d3d3d3" width="420" x="0" y="402"/><text fill="#12202b" font-size="23" font-weight="bold" x="24" y="433">OktoPOS Kitchen</text><text fill="#646464" font-size="15" x="24" y="455">Kitchen monitor</text><line marker-end="url(#pf-by)" stroke="#009de0" stroke-width="2.5" x1="42" x2="42" y1="136" y2="72"/><text fill="#646464" font-size="16" x="60" y="102">Article</text><text fill="#646464" font-size="16" x="60" y="121">master data</text><line marker-end="url(#pf-by)" stroke="#009de0" stroke-width="2.5" x1="42" x2="42" y1="224" y2="288"/><text fill="#646464" font-size="16" x="60" y="254">Article</text><text fill="#646464" font-size="16" x="60" y="273">master data</text><path d="M 420 32 H 470 V 438" fill="none" stroke="#009de0" stroke-width="2.5"/><line marker-end="url(#pf-by)" stroke="#009de0" stroke-width="2.5" x1="470" x2="428" y1="180" y2="180"/><line marker-end="url(#pf-by)" stroke="#009de0" stroke-width="2.5" x1="470" x2="428" y1="332" y2="332"/><line marker-end="url(#pf-by)" stroke="#009de0" stroke-width="2.5" x1="470" x2="428" y1="438" y2="438"/><text fill="#646464" font-size="16" text-anchor="middle" transform="rotate(-90 496 235)" x="496" y="235">Orders</text></g></svg></div></div></div></div><div class="demo"><img alt="QR code for the hospitality demo shop" height="180" ngsrc="/assets/images/mobile-ordering/OktoPOS-gastro-online-shop-demo.png" width="180" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/mobile-ordering/OktoPOS-gastro-online-shop-demo.png"><div class="text"><span class="eyebrow">Demo shop</span><p>Ordering at the table, just as your guests see it.</p></div><div class="knoepfe"><a href="https://demo.shop.oktopos.net/city/?local" rel="noopener" target="_blank" class="btn">Try ordering at the table</a></div></div></div></div><div id="hotel" class="band blau" data-branche="gastronomie"><div class="wrap"><div class="abschnittskopf"><span class="eyebrow" style="margin-top: 0;">Hotel</span>
15<h3 class="main-title">Room, lobby and pool</h3><p class="grau-text" style="margin-top: 14px;">Whether in the room, in the lobby or at the pool: your guests order food and drinks on their own phone. A QR code on the table or in the room is enough, tablets or fixed devices are not needed. The order arrives with the room number in the kitchen, at the till and in the hotel software.</p></div><div class="grid-50 reihe"><div class="erst btt-reveal"><div class="kopfzeile"><span aria-hidden="true" data-icon="room-service" class="info-icon ico weiss"></span><span class="eyebrow">Room service</span><h4 class="main-title">Ordering from the room</h4></div><p class="grau-text">The QR code is in the room, the room number is in the code. The guest orders from the room, the order goes to the kitchen, the till and the hotel software. No tablets, no installation in the room.</p></div><div class="zweit btt-reveal"><div class="medien"><video muted aria-label="Table and sofa in the hotel suite, on the table a phone with the room service menu of the Palm Residence" autoplay loop playsinline poster="/assets/images/poster/zimmer-suite-screens.jpg" preload="none"><source type="video/mp4" src="https://cdn.oktopos.net/direct/website/oktop
15os-webapp/assets/videos/animations/zimmer-suite-screens.mp4"></video></div></div></div><div id="lobby" class="grid-50 gedreht reihe"><div class="erst btt-reveal"><div class="kopfzeile"><span aria-hidden="true" data-icon="lobby" class="info-icon ico weiss"></span><span class="eyebrow">Lobby</span><h4 class="main-title">Ordering in the lobby</h4></div><p class="grau-text">Whoever waits in the lobby does not like to wait for the service as well. A QR code on the table opens the menu, the guest orders, the kitchen gets it immediately.</p></div><div class="zweit btt-reveal"><div class="medien"><img alt="Armchairs and a table in a hotel lobby, on the table a stand with a QR code, in front a hand with the phone and the menu" height="667" ngsrc="/assets/images/mobile-ordering/hotel-lobby-bestellen.jpg" width="1000" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/mobile-ordering/hotel-lobby-bestellen.jpg"></div></div></div><div id="pool" class="grid-50 reihe"><div class="erst btt-reveal"><div class="kopfzeile">
15<span aria-hidden="true" data-icon="pool" class="info-icon ico weiss"></span><span class="eyebrow">Pool and beach</span><h4 class="main-title">Ordering from the sun lounger</h4></div><p class="grau-text">At the pool, on the beach and on the terrace there is often no staff for service at the lounger. With a QR code on the side table the guests order themselves, the order goes to the kitchen and the till, the service brings it.</p></div><div class="zweit btt-reveal"><div class="medien"><video muted aria-label="Ordering at the hotel pool on the phone" autoplay loop playsinline poster="/assets/images/poster/pool-ordering-el-panama-poster.jpg" preload="none"><source type="video/mp4" src="https://cdn.oktopos.net/direct/website/oktopos-webapp/assets/videos/hotel-el-panama.mp4"></video></div></div></div><div class="klapp fluss btt-reveal"><h3><button aria-controls="fluss-ho" type="button" class="klapp-knopf" aria-expanded="false"><span>Data flow: how the hotel connects to the system</span><span class="klapp-mehr">Show more</span><!----><!----><span aria-hidden="true" class="chev" data-icon="chevron-down"></span></button></h3><div id="fluss-ho" class="inhalt" hidden><div class="inhalt-innen"><p class="grau-text" style="max-width: 660px;">The articles and their master data come from the OktoPOS Manager into the menu and to the till. Orders go to the Manager, the till, the hotel software and the kitchen monitor. Postings go from the till to the hotel software.</p><div class="schema"><svg aria-label="Data flow hotel: articles and master data go from the OktoPOS Manager to the menu and the till, the till posts to the PMS, orders go to the Manager, the till, the PMS and the kitchen monitor" role="img" viewBox="0 0 600 638"><rect fill="#fff" height="638" rx="16" width="600" x="0" y="0"/><g transform="translate(20,20)"><defs><marker id="pf-ho" markerHeight="7" markerWidth="7" orient="auto-start-reverse" refX="9" refY="5" viewBox="0 0 10 10"><path d="M0,1 L9,5 L0,9 z" fill="#009de0"/></marker></defs><rect fill="#009de0" height="64" rx="12" width="420" x="0" y="0"/><text fill="#fff" font-size="24" font-weight="bold" x="24" y="40">My menu</text><rect fill="#f5f6f8" height="72" rx="12" stroke="#d3d3d3" width="420" x="0" y="144"/><text fill="#12202b" font-size="23" font-weight="bold" x="24" y="175">OktoPOS Manager</text><text fill="#646464" font-size="15" x="24" y="197">Article management, inventory management</text><rect fill="#f5f6f8" height="72" rx="12" stroke="#d3d3d3" width="420" x="0" y="296"/><text fill="#12202b" font-size="23" font-weight="bold" x="24" y="327">OktoPOS Cash</text><text fill="#646464" font-size="15" x="24" y="349">Till</text><rect fill="#f5f6f8" height="52" rx="12" stroke="#d3d3d3" width="420" x="0" y="434"/><text fill="#12202b" font-size="23" font-weight="bold" x="24" y="468">PMS</text><rect fill="#f5f6f8" height="72" rx="12" stroke="#d3d3d3" width="420" x="0" y="520"/><text fill="#12202b" font-size="23" font-weight="bold" x="24" y="551">OktoPOS Kitchen</text><text fill="#646464" font-size="15" x="24" y="573">Kitchen monitor</text><line marker-end="url(#pf-ho)" stroke="#009de0" stroke-width="2.5" x1="42" x2="42" y1="136" y2="72"/><text fill="#646464" font-size="16" x="60" y="102">Article</text><text fill="#646464" font-size="16" x="60" y="121">master data</text><line marker-end="url(#pf-ho)" stroke="#009de0" stroke-width="2.5" x1="42" x2="42" y1="224" y2="288"/><text fill="#646464" font-size="16" x="60" y="254">Article</text><text fill="#646464" font-size="16" x="60" y="273">master data</text><line marker-end="url(#pf-ho)" stroke="#009de0" stroke-width="2.5" x1="42" x2="42" y1="376" y2="426"/><text fill="#646464" font-size="16" x="60" y="406">Postings</text><path d="M 420 32 H 470 V 556" fill="none" stroke="#009de0" stroke-width="2.5"/><line marker-end="url(#pf-ho)" stroke="#009de0" stroke-width="2.5" x1="470" x2="428" y1="180" y2="180"/><line marker-end="url(#pf-ho)" stroke="#009de0" stroke-width="2.5" x1="470" x2="428" y1="332" y2="332"/><line marker-end="url(#pf-ho)" stroke="#009de0" stroke-width="2.5" x1="470" x2="428" y1="460" y2="460"/><line marker-end="url(#pf-ho)" stroke="#009de0" stroke-width="2.5" x1="470" x2="428" y1="556" y2="556"/><text fill="#646464" font-size="16" text-anchor="middle" transform="rotate(-90 496 294)" x="496" y="294">Orders</text></g></svg></div></div></div></div><div class="demo">
15<img alt="QR code for the hospitality demo shop" height="180" ngsrc="/assets/images/mobile-ordering/OktoPOS-gastro-online-shop-demo.png" width="180" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/mobile-ordering/OktoPOS-gastro-online-shop-demo.png"><div class="text"><span class="eyebrow">Demo shop</span><p>Ordering at the table, as in the lobby, the room and at the pool.</p></div><div class="knoepfe"><a href="https://demo.shop.oktopos.net/city/?local" rel="noopener" target="_blank" class="btn">Try ordering at the table</a></div></div></div></div><div id="shop" class="band weiss"><div class="wrap"><div class="abschnittskopf" data-branche="gastronomie"><span class="eyebrow" style="margin-top: 0;">Shops</span><h3 class="main-title">Selling outside your premises</h3><p class="grau-text" style="margin-top: 14px;">With the integrated shop system you sell online, for collection or with delivery. The articles come from inventory management, orders arrive at the till and the OktoPOS Manager, and in hospitality also at the kitchen station. You do not need an interface to a third-party shop system.</p></div><div class="grid-50 reihe" data-branche="gastronomie"><div class="erst btt-reveal"><div class="kopfzeile"><span aria-hidden="true" data-icon="deliveryshop" class="info-icon 
15ico"></span><span class="eyebrow">Delivery service</span><h4 class="main-title">Shop for the delivery service</h4></div><p class="grau-text">For pizza, sushi, salads and everything that is freshly prepared and delivered right away. Orders from the shop and by phone come together in one list in the OktoPOS Manager, where you plan the routes.</p><ul class="hakenliste"><li>Online payment or cash at the door</li><li>Phone orders in the same list</li><li>Route planning by workload, preparation time and distance</li><li>Driver assignment and driver settlement</li><li>Customer database with order history</li></ul></div><div class="zweit btt-reveal"><div class="medien"><img alt="Small delivery car with the logo of a sushi kitchen on its way through the city" height="427" ngsrc="/assets/images/mobile-ordering/lieferservice-online-shop-smart-car.jpg" width="640" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/mobile-ordering/lieferservice-online-shop-smart-car.jpg"></div></div></div><div class="grid-50 gedreht reihe" data-branche="gastronomie"><div class="erst btt-reveal"><div class="kopfzeile"><span aria-hidden="true" data-icon="interfaces" class="info-icon 
15ico"></span><span class="eyebrow">Delivery platforms</span><h4 class="main-title">Lieferando, Uber Eats and Wolt directly on the till</h4></div><p class="legend-text software-nr">Software<!---->: API-DEL</p><p class="grau-text"><span>Via an aggregator interface, orders from the twenty most important delivery platforms such as Lieferando, Uber Eats, Foodora and Wolt (</span><span class="pointer text-blue">all platforms</span><span>) are transferred directly to the till and the kitchen station. Orders no longer have to be entered into the till by hand, the paper printout is no longer needed.</span></p></div><div class="zweit btt-reveal"><div class="medien dunkel"><video muted aria-label="Animation: orders from delivery platforms converge in a funnel and land on the till" autoplay loop playsinline poster="/assets/images/poster/lieferplattformen-3zu2.jpg" preload="none"><source type="video/mp4" src="https://cdn.oktopos.net/direct/website/oktopos-webapp/assets/videos/interface-for-delivery-service-plattforms.mp4"></video></div></div></div><div id="webshop" class="grid-50 reihe" data-branche="einzelhandel"><div class="erst btt-reveal"><div class="kopfzeile">
15<span aria-hidden="true" data-icon="webshop" class="info-icon ico"></span><span class="eyebrow">Retail</span><h4 class="main-title">Online shop for retail</h4></div><p class="grau-text">The web shop uses the same articles as your till. Prices, descriptions, photos and stock come from inventory management, there is no second maintenance. You also show the same articles up to date on your own website.</p><ul class="hakenliste"><li>Progressive web app: adapts to every screen, from the phone to the desk</li><li>Nothing to download, a current browser is enough</li><li>One article master for store and shop</li><li>Prices per branch and sales channel</li><li>Up-to-date articles and offers on your website</li><li>Invoice as a PDF for the customer</li></ul></div><div class="zweit btt-reveal"><div class="medien frei"><img alt="The same web shop on a laptop and on a phone" height="622" ngsrc="/assets/images/mobile-ordering/integrierter-webshop-fuer-einzelhandel.png" width="768" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/mobile-ordering/integrierter-webshop-fuer-einzelhandel.png"></div></div></div><div class="klapp fluss btt-reveal" data-branche="gastronomie"><h3><button aria-controls="fluss-ld" type="button" class="klapp-knopf" aria-expanded="false"><span>Data flow: how the delivery service connects to the system</span><span class="klapp-mehr">Show more</span><!----><!----><span aria-hidden="true" class="chev" data-icon="chevron-down"></span></button></h3><div id="fluss-ld" class="inhalt" hidden><div class="inhalt-innen"><p class="grau-text" style="max-width: 660px;">The articles and their master data come from the OktoPOS Manager onto your website and into the delivery shop. Orders go to the Manager, the till and the kitchen monitor.</p><div class="schema"><svg aria-label="Data flow delivery service: articles and master data go from the OktoPOS Manager to the website and the delivery shop, orders go to the Manager, the till and the kitchen monitor" role="img" viewBox="0 0 600 560"><rect fill="#fff" height="560" rx="16" width="600" x="0" y="0"/><g transform="translate(20,20)"><defs><marker id="pf-ld" markerHeight="7" markerWidth="7" orient="auto-start-reverse" refX="9" refY="5" viewBox="0 0 10 10"><path d="M0,1 L9,5 L0,9 z" fill="#009de0"/></marker></defs><rect fill="#009de0" height="104" rx="12" width="420" x="0" y="0"/><text fill="#fff" font-size="24" font-weight="bold" x="24" y="36">My website</text><line stroke="#fff" stroke-opacity=".55" stroke-width="1" x1="14" x2="406" y1="52" y2="52"/><text fill="#fff" font-size="24" font-weight="bold" x="24" y="86">My online delivery service</text><rect fill="#f5f6f8" height="72" rx="12" stroke="#d3d3d3" width="420" x="0" y="184"/><text fill="#12202b" font-size="23" font-weight="bold" x="24" y="215">OktoPOS Manager</text><text fill="#646464" font-size="15" x="24" y="237">Article management, inventory management</text><rect fill="#f5f6f8" height="72" rx="12" stroke="#d3d3d3" width="420" x="0" y="336"/><text fill="#12202b" font-size="23" font-weight="bold" x="24" y="367">OktoPOS Cash</text><text fill="#646464" font-size="15" x="24" y="389">Till</text><rect fill="#f5f6f8" height="72" rx="12" stroke="#d3d3d3" width="420" x="0" y="442"/><text fill="#12202b" font-size="23" font-weight="bold" x="24" y="473">OktoPOS Kitchen</text><text fill="#646464" font-size="15" x="24" y="495">Kitchen monitor</text><line marker-end="url(#pf-ld)" stroke="#009de0" stroke-width="2.5" x1="42" x2="42" y1="176" y2="112"/><text fill="#646464" font-size="16" x="60" y="142">Article</text><text fill="#646464" font-size="16" x="60" y="161">master data</text><line marker-end="url(#pf-ld)" stroke="#009de0" stroke-width="2.5" x1="42" x2="42" y1="264" y2="328"/><text fill="#646464" font-size="16" x="60" y="294">Article</text><text fill="#646464" font-size="16" x="60" y="313">master data</text><path d="M 420 52 H 470 V 478" fill="none" stroke="#009de0" stroke-width="2.5"/><line marker-end="url(#pf-ld)" stroke="#009de0" stroke-width="2.5" x1="470" x2="428" y1="220" y2="220"/><line marker-end="url(#pf-ld)" stroke="#009de0" stroke-width="2.5" x1="470" x2="428" y1="372" y2="372"/><line marker-end="url(#pf-ld)" stroke="#009de0" stroke-width="2.5" x1="470" x2="428" y1="478" y2="478"/><text fill="#646464" font-size="16" text-anchor="middle" transform="rotate(-90 496 265)" x="496" y="265">Orders</text></g></svg></div></div></div></div><div class="klapp fluss btt-reveal" style="margin-top: 0;" data-branche="einzelhandel"><h3><button aria-controls="fluss-ws" type="button" class="klapp-knopf" aria-expanded="false"><span>Data flow: how the articles get onto your website</span><span class="klapp-mehr">
15Show more</span><!----><!----><span aria-hidden="true" class="chev" data-icon="chevron-down"></span></button></h3><div id="fluss-ws" class="inhalt" hidden><div class="inhalt-innen"><p class="grau-text" style="max-width: 660px;">The articles and their master data come from the OktoPOS Manager onto your own website. There is no second maintenance.</p><div class="schema"><svg aria-label="Data flow articles on the website: articles and master data go from the OktoPOS Manager onto your own website" role="img" viewBox="0 0 600 262"><rect fill="#fff" height="262" rx="16" width="600" x="0" y="0"/><g transform="translate(20,20)"><defs><marker id="pf-ws" markerHeight="7" markerWidth="7" orient="auto-start-reverse" refX="9" refY="5" viewBox="0 0 10 10"><path d="M0,1 L9,5 L0,9 z" fill="#009de0"/></marker></defs><rect fill="#009de0" height="64" rx="12" width="420" x="0" y="0"/><text fill="#fff" font-size="24" font-weight="bold" x="24" y="40">My website</text><rect fill="#f5f6f8" height="72" rx="12" stroke="#d3d3d3" width="420" x="0" y="144"/><text fill="#12202b" font-size="23" font-weight="bold" x="24" y="175">OktoPOS Manager</text><text fill="#646464" font-size="15" x="24" y="197">Article management, inventory management</text><line marker-end="url(#pf-ws)" stroke="#009de0" stroke-width="2.5" x1="42" x2="42" y1="136" y2="72"/><text fill="#646464" font-size="16" x="60" y="102">Article</text><text fill="#646464" font-size="16" x="60" y="121">master data</text></g></svg></div></div></div></div><div class="demo"><img alt="QR code for the hospitality demo shop" height="180" ngsrc="/assets/images/mobile-ordering/OktoPOS-gastro-online-shop-demo.png" width="180" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/mobile-ordering/OktoPOS-gastro-online-shop-demo.png" data-branche="gastronomie"><img alt="QR code for the retail demo shop" height="180" ngsrc="/assets/images/mobile-ordering/OktoPOS-retail-online-shop-demo.png" width="180" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/mobile-ordering/OktoPOS-retail-online-shop-demo.png" data-branche="einzelhandel"><div class="text"><span class="eyebrow" data-branche="gastronomie">Demo shops</span><span class="eyebrow nur-handel" data-branche="einzelhandel">Demo shop</span><p>Try out the shop just as your customers see it.</p></div><div class="knoepfe"><a href="https://demo.shop.oktopos.net/city/?delivery" rel="noopener" target="_blank" class="btn" data-branche="gastronomie">Try the delivery service</a><a href="https://demoretail.shop.oktopos.net/bahnhof" rel="noopener" target="_blank" class="btn" data-branche="einzelhandel">Try retail</a></div></div></div></div><div id="funktionen" class="band grau kompakt"><div class="wrap"><div class="klapp abschnitt btt-reveal"><h3><button aria-controls="funktionen-inhalt" id="funktionen-knopf" type="button" class="klapp-knopf gross" aria-expanded="false"><span>Features</span><span class="klapp-mehr">Show more</span><!----><!----><span aria-hidden="true" class="chev" data-icon="chevron-down"></span></button></h3><div class="vorschau"><p class="headline-sub" data-branche="gastronomie">AI assistant, tips, collection message, geofencing and twenty more.</p><div class="bilder" data-branche="gastronomie"><img alt height="675" ngsrc="/assets/images/poster/chef-de-cuisine-poster.jpg" width="1200" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/poster/chef-de-cuisine-poster.jpg"><img alt height="731" ngsrc="/assets/images/mobile-ordering/trinkgeldfunktion-auf-smartphone.jpg" width="700" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/mobile-ordering/trinkgeldfunktion-auf-smartphone.jpg"><img alt height="853" ngsrc="/assets/images/poster/handy-pager.jpg" width="1280" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/poster/handy-pager.jpg"><img alt height="394" ngsrc="/assets/images/mobile-ordering/mobile-ordering-city-geofencing.jpg" width="700" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/mobile-ordering/mobile-ordering-city-geofencing.jpg"></div><span class="btn">Show all features</span></div><div id="funktionen-inhalt" class="inhalt" hidden><div class="inhalt-innen"><div class="grid-50 reihe" data-branche="gastronomie"><div class="erst"><div class="kopfzeile"><img alt="Octopus with headset, the mascot for the AI assistant" height="200" ngsrc="/assets/images/mobile-ordering/hausfigur-ki-assistent.png" width="200" class="hausfigur" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/mobile-ordering/hausfigur-ki-assistent.png"><span class="eyebrow">AI assistant</span><h4 class="main-title">Chef de Cuisine</h4></div><p class="grau-text">“Show me your pasta without garlic.” The guest asks by text or voice, the assistant puts matching articles into the basket and answers questions about allergens and preferences from the inventory data.</p><ul class="hakenliste"><li>Input by text or voice</li><li>Answers on allergens and ingredients from the article master</li><li>Suggestions from the current offer</li></ul></div><div class="zweit"><div class="medien"><video aria-label="Explainer video: the AI assistant Chef de Cuisine in the web shop" controls playsinline poster="/assets/images/poster/chef-de-cuisine-poster.jpg" preload="none"><source type="video/mp4" src="https://cdn.oktopos.net/direct/website/oktop
15os-webapp/assets/videos/ai-webshop-assistant-chef-de-cuisine.mp4"></video></div><p class="bildunter">Chef de Cuisine in the shop, 54 seconds.</p></div></div><div class="grid-50 gedreht reihe" data-branche="gastronomie"><div class="erst"><div class="kopfzeile"><span aria-hidden="true" data-icon="cashiertip" class="info-icon ico-cash"></span><span class="eyebrow">Tips</span><h4 class="main-title">Tips even when paying on the phone</h4></div><p class="grau-text">The guest chooses a fixed suggestion or enters their own amount, as a percentage or in euros. If the shop runs with an OktoPOS till, the cashier takes the cashless tip out of the till in cash. The cash book records the withdrawal, the amount is shown to the cashier.</p></div><div class="zweit"><div class="medien frei"><img alt="Tip selection in the shop on the phone: three fixed suggestions and a custom amount" height="731" ngsrc="/assets/images/mobile-ordering/trinkgeldfunktion-auf-smartphone.jpg" width="700" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/mobile-ordering/trinkgeldfunktion-auf-smartphone.jpg"></div></div></div><div class="grid-50 reihe" data-branche="gastronomie"><div class="erst"><div class="kopfzeile">
15<span aria-hidden="true" data-icon="pager" class="info-icon ico"></span><span class="eyebrow">Collection</span><h4 class="main-title">A message when the order is ready</h4></div><p class="grau-text">Instead of a pager the guest receives a WhatsApp message as soon as the kitchen reports the order ready. They have their phone with them anyway, and nobody has to wait at the counter.</p></div><div class="zweit"><div class="medien"><video muted aria-label="Guest receives the message on the phone that the order is ready for collection" autoplay loop playsinline poster="/assets/images/poster/handy-pager.jpg" preload="none"><source type="video/mp4" src="https://cdn.oktopos.net/direct/website/oktopos-webapp/assets/videos/handy-pager-de.mp4"></video></div></div></div><div class="grid-50 gedreht reihe"><div class="erst"><div class="kopfzeile"><span aria-hidden="true" data-icon="locations" class="info-icon ico"></span><span class="eyebrow">Geofencing</span><h4 class="main-title">Orders only from the radius</h4></div><p class="grau-text" data-branche="gastronomie">Restrict the use of the ordering app to customers who are near your business. You define the radius yourself. This is useful above all in-house and when payment is only made on collection.</p><p class="grau-text nur-handel" data-branche="einzelhandel">Restrict orders in the online shop to customers who are near your business. You define the radius yourself. This is useful above all when payment is only made on collection.</p></div><div class="zweit"><div class="medien"><img alt="City view with a restaurant, orders are accepted inside the blue marked radius, not outside" height="394" ngsrc="/assets/images/mobile-ordering/mobile-ordering-city-geofencing.jpg" width="700" class="bild-standard" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/mobile-ordering/mobile-ordering-city-geofencing.jpg"><img alt="City view with a supermarket, orders are accepted inside the blue marked radius, not outside" height="394" loading="lazy" sizes="(min-width: 540px) 460px, calc(100vw - 48px)" width="700" class="bild-einzelhandel"></div></div></div><div class="merkmale"><div class="merkmal" data-branche="gastronomie"><span aria-hidden="true" data-icon="locations" class="ico"></span><p><b>Geofencing</b> <span>Restrict the use of the ordering app to customers who are near your business.</span></p></div><div class="merkmal" data-branche="gastronomie"><span aria-hidden="true" data-icon="time-and-attendance" class="ico"></span><p><b>Time control</b> <span>Articles can appear on the menu on a time-controlled basis, for example for breakfast and lunch menu.</sp
15an></p></div><div class="merkmal" data-branche="gastronomie"><span aria-hidden="true" data-icon="pager" class="ico"></span><p><b>WhatsApp phone pager</b> <span>Inform customers with the WhatsApp notification.</span></p></div><div class="merkmal"><span aria-hidden="true" data-icon="compliance" class="ico"></span><p><b>PCI compliance</b> <span>The online shop is certified according to PCI DSS.</span></p></div><div class="merkmal"><span aria-hidden="true" data-icon="material-management" class="ico"></span><p><b>Integrated inventory management</b></p></div><div class="merkmal"><span aria-hidden="true" data-icon="technology" class="ico"></span><p><b>Simple configuration and activation</b></p></div><div class="merkmal"><span aria-hidden="true" data-icon="byod" class="ico"></span><p><b>No app installation required</b></p></div><div class="merkmal"><span aria-hidden="true" data-icon="customer-card" class="ico"></span><p><b>Customer is added to the customer database</b></p></div><div class="merkmal"><span aria-hidden="true" data-icon="inventory-management" class="ico"></span><p><b>The same articles as at the till</b> <span>The same articles that are sold at the till can be used.</span></p></div><div class="merkmal"><span aria-hidden="true" data-icon="mobile-ordering" class="ico"></span><p><b>For desktop and smartphones</b></p></div><div class="merkmal"><span aria-hidden="true" data-icon="management" class="ico"></span><p><b>Article maintenance in the OktoPOS Manager</b></p></div><div class="merkmal"><span aria-hidden="true" data-icon="cash-register" class="ico"></span><p><b>Fully integrated</b> <span>Into the article management of the OktoPOS Manager, till and kitchen station.</span></p></div><div class="merkmal"><span aria-hidden="true" data-icon="checklist" class="ico"></span><p><b>Invoice as a PDF</b> <span>The customer receives their invoice as a PDF.</span></p></div><div class="merkmal"><span aria-hidden="true" data-icon="compliance" class="ico"></span><p><b>KassenSichV compliant</b></p></div><div class="merkmal"><span aria-hidden="true" data-icon="compliance" class="ico"></span><p><b>RKSV compliant</b></p></div><div class="merkmal"><span aria-hidden="true" data-icon="cash-register" class="ico"></span><p><b>Also available without an OktoPOS till</b></p></div><div class="merkmal"><span aria-hidden="true" data-icon="tax-consult" class="ico"></span><p><b>Correct for tax purposes</b> <span>Posting, receipt creation and storage of transactions.</span></p></div><div class="merkmal"><span aria-hidden="true" data-icon="international" class="ico"></span><p><b>Multilingual</b> <span>Choose from the 20 available languages the ones you want to offer in your shop.</span></p></div><div class="merkmal" data-branche="gastronomie"><span aria-hidden="true" data-icon="allergens" class="ico"></span><p><b>Allergen filter</b></p></div><div class="merkmal" data-branche="gastronomie"><span aria-hidden="true" data-icon="kitchen-monitors" class="ico"></span><p><b>Visible on kitchen station, kitchen printer and till</b></p></div><div class="merkmal"><span aria-hidden="true" data-icon="payment-methods" class="ico"></span><p><b>Payment in the shop or at the till</b> <span>Cashless in the shop, at the till with all payment methods.</span></p></div><div class="merkmal"><span aria-hidden="true" data-icon="mobile-ordering" class="ico"></span><p><b data-branche="gastronomie">Branches and sales channels in one app</b><b class="nur-handel" data-branche="einzelhandel">Branches and sales channels in one shop</b> <span data-branche="gastronomie">In-house, take away and delivery service.</span><span class="nur-handel" data-branche="einzelhandel">Shipping and pickup, per branch.</span></p></div><div class="merkmal" data-branche="gastronomie"><span aria-hidden="true" data-icon="cashiertip" class="ico-cash"></span><p><b>Tip function</b></p></div><div class="merkmal"><span aria-hidden="true" data-icon="distributionchannels" class="ico-cash"></span><p><b>Prices per branch and sales channel</b></p></div></div></div></div></div></div></div></div></app-mobile-ordering><app-emenu _ngcontent-ng-c2214147036 data-branche="gastronomie"><div id="emenu" class="content-wrap p-t"><div class="p-trl btt-reveal"><h2 class="main-title">OktoPOS - Pioneer of Electronic Menu Cards</h2><p class="legend-text software-nr">Software<!---->: SW-EM, SW-SEM</p><br><p>Our e-menus are ideal for restaurants, food trucks, hotels, meeting rooms, and office environments.</p><p>The easy maintenance of our e-menus ensures that your offers are always up-to-date. Learn more about the possibilities offered by our electronic menu 
15cards.</p></div></div><app-restaurants><div id="restaurants" class="content-wrap p-tb"><div class="grid-50"><div class="p-trl btt-reveal"><h3>Restaurants</h3><p class="headline-sub">Benefit from the various advantages for customers and operators.</p><br><p>Electronic menus do not replace service staff, but support them. The time that is saved can be used for better service. At the same time, it is guaranteed that the guests get access to all information about the products, such as allergens.</p></div><div class="p-trl btt-reveal"><img title="E-Menus in restaurants" ngsrc="/assets/images/emenu/sushi-factory-service-personal.jpg" alt="Sushi Factory restaurant service staff with e-menu" height="373" width="560" class="w100" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/emenu/sushi-factory-service-personal.jpg"></div></div><div class="grid-50 grid-reposition"><div class="p-trl btt-reveal grid-second"><picture><source media="(max-width: 480px)" srcset="/assets/images/emenu/e-menu-example-480.jpg"><source media="(min-width: 481px)" srcset="/assets/images/emenu/e-menu-example-768.jpg"><img loading="lazy" title="E-Menu" ngsrc="/assets/images/emenu/e-menu-example-480.jpg" alt="E-Menu with leather case, guest information on display" height="378" width="480" class="w100" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/emenu/e-menu-example-480.jpg"></picture></div><div class="p-trl btt-reveal grid-first"><p>Nutritional values are calculated on the basis of the recipe and can be displayed on the e-menu.</p><p>Take advantage of the technology to change and add menu items with little effort. Test new drinks or take slow-sellers off the menu.</p><p>Create seasonal promotions and change the menu for lunch, dinner and the weekend.</p><p>Sold-out products can be hidden by the kitchen at the push of a button.</p><p>With the use of e-menus, orders are entered directly into the system without any need for your staff to do so.</p></div></div></div></app-restaurants><app-food-trucks><div id="foodtrucks" class="blue-bg"><div class="content-wrap p-tb"><div class="grid-50 vertical-center grid-reposition"><div class="p-trl btt-reveal grid-second"><img title="Food Trucks" ngsrc="/assets/images/emenu/food-truck.jpg" alt="Foodtruck on a blue background" height="367" width="560" class="w100" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/emenu/food-truck.jpg"></div><div class="p-trl btt-reveal grid-first"><h3 class="sub-title white">Food Trucks</h3><p class="headline-sub">Queue Management for Mobile Sales Units.</p><br><p>Food trucks have a customer peak at lunchtime, at catering jobs, and at events.</p></div></div><div class="grid-50 vertical-center grid-reposition"><div class="p-trl btt-reveal grid-second"><img title="Food Trucks" ngsrc="/assets/images/emenu/cash-register-foodtruck-and-guests.jpg" alt="Food truck, tables and chairs with guests" height="373" width="560" class="w100" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/emenu/cash-register-foodtruck-and-guests.jpg"></div><div class="p-trl btt-reveal grid-first"><p class="hightlight-feature">With a mobile e-menu that is set up in front of the truck, orders can be taken contactlessly and are sent to the kitchen.</p><p>The e-menu system manages the situation. No more misunderstandings, customers are satisfied and the kitchen perfectly organized. With the help of the e-menu, a food truck can be staffed with up to one person less than without the e-menu.</p></div></div></div></div></app-food-trucks><app-hotel _nghost-ng-c2164979936><div _ngcontent-ng-c2164979936 id="hotels" class="hotels-neu"><div _ngcontent-ng-c2164979936 class="content-wrap"><div _ngcontent-ng-c2164979936 class="p-trl kopf btt-reveal"><h3 _ngcontent-ng-c2164979936 class="titel">Hotel Rooms and Lobbies</h3><p _ngcontent-ng-c2164979936 class="headline-sub">The order terminal for room, lobby and lounge.</p><p _ngcontent-ng-c2164979936 class="grau-text einleitung">The terminal sits in the room, in the lobby, in the lounge and anywhere service staff cannot be present all the time. Guests see the menu with photos and descriptions, make their choice and send the order. It arrives on a printer or a monitor in the kitchen and is stored for the bill.</p></div></div><div _ngcontent-ng-c2164979936 id="hotelzimmer" class="band blau"><div _ngcontent-ng-c2164979936 class="content-wrap"><div _ngcontent-ng-c2164979936 class="p-trl"><div _ngcontent-ng-c2164979936 class="grid-50"><div _ngcontent-ng-c2164979936 class="erst btt-reveal"><div _ngcontent-ng-c2164979936 class="kopfzeile"><span _ngcontent-ng-c2164979936 data-icon="room-service" aria-hidden="true" class="info-icon weiss"></span><span _ngcontent-ng-c2164979936 class="eyebrow">Room Service</span><h4 _ngcontent-ng-c2164979936 class="main-title">The terminal in the room</h4></div><p _ngcontent-ng-c2164979936 class="grau-text">The terminal lies on the table or hangs on the wall. Guests choose from the menu instead of spelling things out on the phone. The order goes straight to the kitchen and the other departments.</p><ul _ngcontent-ng-c2164979936 class="hakenliste"><li _ngcontent-ng-c2164979936>Attractive pictures on the menu</li><li _ngcontent-ng-c2164979936>
15Varying offers depending on daytime</li><li _ngcontent-ng-c2164979936>Hotel information and further services</li><li _ngcontent-ng-c2164979936>Multilingual, no misunderstandings on the phone</li><li _ngcontent-ng-c2164979936>Orders are stored for billing/invoicing</li></ul></div><div _ngcontent-ng-c2164979936 class="zweit btt-reveal"><div _ngcontent-ng-c2164979936 class="medien"><img _ngcontent-ng-c2164979936 ngsrc="/assets/images/emenu/hotelroom-image.jpg" alt="E-Menu in a leather cover on a table in front of the sofa in a hotel room" height="450" width="723" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/emenu/hotelroom-image.jpg"></div></div></div></div></div></div><div _ngcontent-ng-c2164979936 id="hotellobbies" class="band weiss"><div _ngcontent-ng-c2164979936 class="content-wrap"><div _ngcontent-ng-c2164979936 class="p-trl"><div _ngcontent-ng-c2164979936 class="grid-50 gedreht"><div _ngcontent-ng-c2164979936 class="erst btt-reveal"><div _ngcontent-ng-c2164979936 class="kopfzeile"><span _ngcontent-ng-c2164979936 data-icon="lobby" aria-hidden="true" class="info-icon"></span><span _ngcontent-ng-c2164979936 class="eyebrow">Lobby and lounge</span><h4 _ngcontent-ng-c2164979936 class="main-title">The terminal in the lobby</h4></div><p _ngcontent-ng-c2164979936 class="grau-text">Guests choose a drink or a snack. The order is prepared in the kitchen and delivered to the location of the terminal. The printout names the terminal the order came from.</p><p _ngcontent-ng-c2164979936 class="grau-text"><span _ngcontent-ng-c2164979936>The terminal runs on the hotel's Wi-Fi. It stands on the table, on a stand or on the wall.</span> <span _ngcontent-ng-c2164979936>On request it is connected to the OktoPOS Cash till.</span></p></div><div _ngcontent-ng-c2164979936 class="zweit btt-reveal"><div _ngcontent-ng-c2164979936 class="medien"><img _ngcontent-ng-c2164979936 ngsrc="/assets/images/emenu/lobby-food-order-terminal.jpg" alt="Order terminal on a curved wooden stand in a hotel lounge" height="640" width="427" class="oben" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/emenu/lobby-food-order-terminal.jpg"></div></div></div></div></div></div><div _ngcontent-ng-c2164979936 class="barband"><div _ngcontent-ng-c2164979936 class="content-wrap"><div _ngcontent-ng-c2164979936 class="p-rl inner"><span _ngcontent-ng-c2164979936 data-icon="emenu" aria-hidden="true"></span><p _ngcontent-ng-c2164979936><b _ngcontent-ng-c2164979936>Service where nobody is standing.</b> <span _ngcontent-ng-c2164979936>Service staff are valuable, not always available and expensive. The terminal serves the areas that no continuous service covers.</span></p></div></div></div><div _ngcontent-ng-c2164979936 class="content-wrap"><div _ngcontent-ng-c2164979936 class="p-trl klappen"><div _ngcontent-ng-c2164979936 class="klapp btt-reveal"><h4 _ngcontent-ng-c2164979936><button _ngcontent-ng-c2164979936 type="button" aria-controls="ho-lohnt" class="klapp-knopf" aria-expanded="false"><span _ngcontent-ng-c2164979936>Where a terminal pays off</span><span _ngcontent-ng-c2164979936 class="klapp-mehr">Show more</span><!----><!----><span _ngcontent-ng-c2164979936 aria-hidden="true" class="chev" data-icon="chevron-down"></span></button></h4><div _ngcontent-ng-c2164979936 id="ho-lohnt" class="inhalt" hidden><div _ngcontent-ng-c2164979936 class="inhalt-innen"><p _ngcontent-ng-c2164979936 class="grau-text">Particularly in areas ...</p><ul _ngcontent-ng-c2164979936 class="hakenliste"><li _ngcontent-ng-c2164979936>... with a low customer frequency,</li><li _ngcontent-ng-c2164979936>... with different customer frequencies during the course of the day,</li><li _ngcontent-ng-c2164979936>... which are remote and cannot be serviced continuously,</li><li _ngcontent-ng-c2164979936>... which are too small to be serviced,</li><li _ngcontent-ng-c2164979936>... which are open day and night.</li></ul><p _ngcontent-ng-c2164979936 class="grau-text nach-liste">Increased sales, lower personnel expenses and advantages for the guests make the food-order-system a worthwhile investment.</p></div></div></div><div _ngcontent-ng-c2164979936 class="klapp btt-reveal"><h4 _ngcontent-ng-c2164979936><button _ngcontent-ng-c2164979936 type="button" aria-controls="ho-standorte" class="klapp-knopf" aria-expanded="false"><span _ngcontent-ng-c2164979936>Where the terminal can be placed</span><span _ngcontent-ng-c2164979936 class="klapp-mehr">
15Show more</span><!----><!----><span _ngcontent-ng-c2164979936 aria-hidden="true" class="chev" data-icon="chevron-down"></span></button></h4><div _ngcontent-ng-c2164979936 id="ho-standorte" class="inhalt" hidden><div _ngcontent-ng-c2164979936 class="inhalt-innen"><p _ngcontent-ng-c2164979936 class="grau-text">The terminal is placed within your Wi-Fi network. For example in</p><ul _ngcontent-ng-c2164979936 class="spalten"><li _ngcontent-ng-c2164979936>Lobbies</li><li _ngcontent-ng-c2164979936>Lounges</li><li _ngcontent-ng-c2164979936>Meeting rooms</li><li _ngcontent-ng-c2164979936>Restaurants</li><li _ngcontent-ng-c2164979936>Bars</li><li _ngcontent-ng-c2164979936>Guest rooms</li></ul><p _ngcontent-ng-c2164979936 class="grau-text nach-liste">For placement there is a table stand, a half-height and a full-height floor stand, and wall mounting as a surface-mounted or flush-mounted solution.</p></div></div></div></div></div></div></app-hotel><app-offices><div id="office" class="content-wrap p-tb"><div class="p-trl btt-reveal"><h3>Offices &amp; Meeting Rooms</h3><p class="headline-sub">Order-Terminals for Offices and Business Centers.</p><br><p>Simplify workplace catering with our digital e-menus. Employees and guests can easily order food and drinks via tablet or smartphone, right from their desk or during meetings. Ideal for modern companies looking to combine service, efficiency, and convenience in one smart solution.</p></div><div class="grid-50"><div class="p-trl btt-reveal"><img title="E-Menu" ngsrc="/assets/images/emenu/e-menu-l-case-select.jpg" alt="E-Menu in office space" height="420" width="560" class="w100" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/emenu/e-menu-l-case-select.jpg"></div><div class="p-trl btt-reveal"><p>Simplified processes thanks to orders via terminals. Orders appear in the assigned departments/sections.</p><ul><li>Catering orders for meetings</li><li>Materials orders</li><li>Option to bill orders to employees or cost centers using employee cards</li></ul></div></div></div><div class="content-wrap p-tb"><div id="meetingrooms" class="p-trl btt-reveal"><h4>Meeting Rooms</h4><br></div><div class="grid-50"><div class="p-rbl btt-reveal"><p>Order Drinks, Food and Supplies.</p><p>Place an order terminal in your meeting and conference room.</p><ul><li>Repeat orders without disturbance</li><li>Collection of orders for billing</li><li>Order presentation-equipment and office-supplies</li><li>Service calls</li></ul><br><p class="highlight-feature">The order terminals can be placed on the table or be mounted on the wall and are connected via Wi-Fi.</p></div><div class="p-rbl btt-reveal"><picture><source media="(max-width: 480px)" srcset="/assets/images/emenu/e-menu-meeting-room-480.jpg"><source media="(min-width: 768px)" srcset="/assets/images/emenu/e-menu-meeting-room.jpg"><img loading="lazy" title="E-Menu" ngsrc="/assets/images/emenu/e-menu-meeting-room-480.jpg" alt="E-Menu on table in meeting room" height="354" width="480" class="w100" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/emenu/e-menu-meeting-room-480.jpg"></picture></div></div></div></app-offices><app-functions><div id="functions" class="blue-bg"><div class="content-wrap p-t"><div class="p-trbl btt-reveal"><h3 class="white">E-Menu Functions</h3><p class="headline-sub">E-Menus and Order Terminals with Advanced Features.</p><br><p>The E-Menu offers a modern, digital alternative to traditional menus, no paper needed. Guests can easily view and order food and drinks via smartphone or tablet. This saves time, reduces errors, and boosts customer satisfaction. Perfect for restaurant businesses with multiple locations: content can be managed centrally and customized individually.</p></div><div class="grid-50"><div class="p-rbl btt-reveal"><p class="highlight-feature white">OktoPOS is a pioneer of electronic menus. The OktoPOS E-Menus are characterized by a complete integration into the overall system from the kitchen control to the cash register.</p><p>
15Articles that are no longer available can be deactivated with the kitchen terminal. In addition, different menu cards can be activated for different days of the week and different times (breakfast, lunch, dinner, etc.).</p><p>Different menu cards can be defined for areas, e.g. restaurant, bar, take away, etc. Each branch can use a different set of products on the menu card.</p><p>Depending on the configuration, e-menus can be combined with contactless customer cards (RFID).</p></div><div class="p-rbl btt-reveal"><picture><source media="(max-width: 480px)" srcset="/assets/images/emenu/mobile-e-menue-480.png"><source media="(min-width: 768px)" srcset="/assets/images/emenu/mobile-e-menue.png"><img loading="lazy" title="OktoPOS E-Menu" ngsrc="/assets/images/emenu/mobile-e-menue-480.png" alt="E menu with salad on display" height="334" width="480" class="w100" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/emenu/mobile-e-menue-480.png"></picture></div></div></div></div><!----><div class="content-wrap"><div class="p-trbl btt-reveal"><h4>Features</h4><br><ul><li>Standard layout or individual layout</li><li>Article and picture import from OktoPOS Manager with the touch of a button</li><li>Menu categories</li><li>Article overview and detail view</li><li>Article description with text and photo</li><li>Shopping basket with indication of total value</li><li>Sending of orders to kitchen and cash register</li><li>Display of prior orders</li><li>Multi-lingual</li><li>Vegetarian filter</li><li>Allergen filter</li><li>Nutrition value calculator</li><li>Side orders</li><li>Customizable articles (e.g. custom salad, etc.)</li><li>Ways of preparation ( cooking levels) (medium, well done, etc.)</li><li>Combo menus (with free and extra-cost items)</li><li>Cross selling</li><li>Wine recommendation</li><li>Waiter call</li><li>Billing on tables or contactless guest chip cards</li><li>Different menu cards for different branches (articles, prices)</li><li>Different menu cards for in-house and take away (articles, prices, VAT)</li><li>Integration of information and promotion</li><li>Integration of apps / website</li></ul></div><div class="p-trl btt-reveal"><h4>Menu Administration</h4><p class="headline-sub">The menu cards are managed in the web-based OktoPOS Manager. Updates are deployed to the order terminals with the press of a button.</p></div></div><div class="content-wrap p-b"><h4 class="p-trl btt-reveal">Kitchen</h4><br><div class="grid-50"><div class="p-rbl btt-reveal"><p>Choose from a simple network-printer, kitchen-monitor or both. The network printer prints the orders and the location where the order came from.</p><p>The kitchen monitor lists the orders with details and timing. Even the recipe can be displayed. The kitchen monitors also offer the option to deactivate and activate items on the menu cards instantly. Profiles can be created. For example, morning, evening, night, weekend, etc.</p></div><div class="p-rbl btt-reveal"><p>Orders can be routed to different kitchens/bars and stations, depending on the item and time of operation.</p><br><video loop autoplay muted playsinline poster="/assets/images/poster/animations/e-menu-process-animation.jpg" preload="none" class="w80 element-center"><source type="video/mp4" src="https://cdn.oktopos.net/direct/website/oktop
15os-webapp/assets/videos/animations/e-menu-process-animation.mp4"></video></div></div></div><div id="advantages" class="content-wrap p-tb"><div class="p-rl btt-reveal"><div class="relative"><div class="absolute p-trbl"><h4 class="white">Advantages</h4><p class="headline-sub white">E-Menu Advantages for Customers and Operators.</p></div><picture><source media="(max-width: 480px)" srcset="/assets/images/emenu/restaurant-e-menu-480.jpg"><source media="(max-width: 768px)" srcset="/assets/images/emenu/restaurant-e-menu-768.jpg"><source media="(max-width: 992px)" srcset="/assets/images/emenu/restaurant-e-menu-992.jpg"><source media="(min-width: 993px)" srcset="/assets/images/emenu/restaurant-e-menu.jpg"><img loading="lazy" title="E-Menu" ngsrc="/assets/images/emenu/restaurant-e-menu-480.jpg" alt="Restaurant staff with e-menu example" height="320" width="480" class="w100" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/emenu/restaurant-e-menu-480.jpg"></picture></div></div><div class="grid-20 p-trl"><div class="text-center btt-reveal"><span data-icon="apples" class="size-120 blue"></span><p>Nutrition values</p></div><div class="text-center btt-reveal"><span data-icon="info-icon" class="size-120 blue"></span><p>More information</p></div><div class="text-center btt-reveal"><span data-icon="allergens" class="size-120 blue"></span><p>Allergen information and filter</p></div><div class="text-center btt-reveal"><span data-icon="boxinfo" class="size-120 blue"></span><p>Article description</p></div><div class="text-center btt-reveal"><span data-icon="article-photos" class="size-120 blue"></span><p>Article photos</p></div></div><div class="p-trl btt-reveal"><picture><source media="(max-width: 480px)" srcset="/assets/images/emenu/e-menu-example-480.jpg"><source media="(max-width: 768px)" srcset="/assets/images/emenu/e-menu-example-768.jpg"><source media="(max-width: 992px)" srcset="/assets/images/emenu/e-menu-example-992.jpg"><source media="(min-width: 993px)" srcset="/assets/images/emenu/e-menu-example.jpg"><img loading="lazy" title="E-Menu features for guests" ngsrc="/assets/images/emenu/e-menu-example-480.jpg" alt="E-Menu with leather case, guest information on display" height="378" width="480" class="w60 element-center" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/emenu/e-menu-example-480.jpg"></picture></div><div class="grid-50"><div class="relative m-trl btt-reveal"><p class="highlight-feature absolute absolute-right p-trl white">Relaxed Way of Ordering Without Pressure</p><picture><source media="(max-width: 480px)" srcset="/assets/images/emenu/restaurant-e-menu-hardcover-480.jpg"><source media="(min-width: 768px)" srcset="/assets/images/emenu/restaurant-e-menu-hardcover.jpg"><img loading="lazy" title="E-Menu" ngsrc="/assets/images/emenu/restaurant-e-menu-hardcover-480.jpg" alt="Guest with e-menu at restaurant table" height="320" width="480" class="w100" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/emenu/restaurant-e-menu-hardcover-480.jpg"></picture></div><div class="relative m-trl btt-reveal"><p class="highlight-feature absolute p-trl white">Service Call</p><picture><source media="(max-width: 480px)" srcset="/assets/images/emenu/restaurant-e-menu-atelierf-480.jpg"><source media="(min-width: 768px)" srcset="/assets/images/emenu/restaurant-e-menu-atelierf.jpg"><img loading="lazy" title="Service Call" ngsrc="/assets/images/emenu/restaurant-e-menu-atelierf-480.jpg" alt="E-Menu at table and restaurant staff" height="558" width="480" class="w100" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/emenu/restaurant-e-menu-atelierf-480.jpg"></picture></div><div class="relative m-trl btt-reveal"><p class="highlight-feature absolute p-trl white">Orders go Directly to the Kitchen</p><picture><source media="(max-width: 480px)" srcset="/assets/images/emenu/restaurant-kitchen-monitor-burgerlich-480.jpg"><source media="(min-width: 768px)" srcset="/assets/images/emenu/restaurant-kitchen-monitor-burgerlich.jpg"><img loading="lazy" title="Kitchen Monitors" ngsrc="/assets/images/emenu/restaurant-kitchen-monitor-burgerlich-480.jpg" alt="Kitchen monitor in restaurant kitchen" height="480" width="480" class="w100" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/emenu/restaurant-kitchen-monitor-burgerlich-480.jpg"></picture></div><div class="relative m-trl btt-reveal"><p class="highlight-feature absolute p-trl white">Simple Re-Ordering (e.g. Drinks)</p><picture><source media="(max-width: 480px)" srcset="/assets/images/emenu/restaurant-e-menu-burgerlich-480.jpg"><source media="(min-width: 768px)" srcset="/assets/images/emenu/restaurant-e-menu-burgerlich.jpg"><img loading="lazy" title="E-Menu" ngsrc="/assets/images/emenu/restaurant-e-menu-burgerlich-480.jpg" alt="Restaurant table with retractable e-menus" height="320" width="480" class="w100" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/emenu/restaurant-e-menu-burgerlich-480.jpg"></picture></div></div></div><div class="black-bg p-b"><div class="content-wrap"><div class="grid-50 vertical-center"><p class="highlight-feature text-center p-trl btt-reveal">Combo Menu Compilation</p><div class="p-trl btt-reveal"><picture><source media="(max-width: 480px)" srcset="/assets/images/emenu/e-menu-tablet-with-side-order-selection-480.jpg"><source media="(min-width: 768px)" srcset="/assets/images/emenu/e-menu-tablet-with-side-order-selection.jpg"><img loading="lazy" title="Side order selection" ngsrc="/assets/images/emenu/e-menu-tablet-with-side-order-selection-480.jpg" alt="E-Menu tablet with side order selection" height="388" width="480" class="w100" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/emenu/e-menu-tablet-with-side-order-selection-480.jpg"></picture></div></div><div class="grid-50 grid-reposition vertical-center"><div class="p-trl btt-reveal grid-second"><picture><source media="(max-width: 480px)" srcset="/assets/images/emenu/e-menu-order-history-480.jpg"><source media="(min-width: 768px)" srcset="/assets/images/emenu/e-menu-order-history.jpg"><img loading="lazy" title="E-Menu order overview" ngsrc="/assets/images/emenu/e-menu-order-history-480.jpg" alt="Restaurant e-menu tablet with order overview" height="388" width="480" class="w100" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/emenu/e-menu-order-history-480.jpg"></picture></div><p class="highlight-feature text-center p-trl btt-reveal grid-first">Cost Overview Order History</p></div><div class="grid-50 vertical-center"><p class="highlight-feature text-center p-trl btt-reveal">Multilingual</p><div class="p-trl btt-reveal"><picture><source media="(max-width: 480px)" srcset="/assets/images/emenu/e-menu-language-selection-480.jpg"><source media="(min-width: 768px)" srcset="/assets/images/emenu/e-menu-language-selection.jpg"><img loading="lazy" title="Multilingual" ngsrc="/assets/images/emenu/e-menu-language-selection-480.jpg" alt="E-Menu tablet with language selection" height="388" width="480" class="w100" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/emenu/e-menu-language-selection-480.jpg"></picture></div></div><div class="grid-50 grid-reposition vertical-center"><!----><div class="p-trl btt-reveal grid-first"><h4>Satisfied Guests</h4><br><p>The acceptance of electronic menus has increased continuously in recent years. 92% of restaurant guests rate the OktoPOS e-menus as “very good”.</p></div></div></div></div><div class="dark-blue-bg p-b"><h5 class="white text-center p-trbl btt-reveal">Advantages for Restaurant Operators</h5><div class="grid-340 coins horizontal-center text-center white advantages content-wrap"><div class="btt-reveal"><span data-icon="update"></span>
15<p class="size-18">Update the menu at the touch of a button</p></div><div class="btt-reveal"><span data-icon="add-article"></span><p class="size-18">Easily add and delist items</p></div><div class="btt-reveal"><span data-icon="icecream-cone"></span><p class="size-18">Seasonal offers</p></div><div class="btt-reveal"><span data-icon="one-coin"></span><p class="size-18">Elimination of printing costs</p></div><div class="btt-reveal"><span data-icon="kitchen-monitors"></span><p class="size-18">Labor savings through direct booking in the kitchen and checkout by the guest</p></div><div class="btt-reveal"><span data-icon="checkmark"></span><p class="size-18">Increased security and control through secure recording of orders</p></div><div class="btt-reveal"><span data-icon="allergens"></span><p class="size-18">Compliance with legal regulations by declaring allergens</p></div><div class="btt-reveal"><span data-icon="wineglass"></span><p class="size-18">Cross selling (wine recommendations, etc.)</p></div><div class="btt-reveal"><span data-icon="softice"></span><p class="size-18">More repeat orders (drinks, dessert, etc.)</p></div><div class="btt-reveal"><span data-icon="hide-articles"></span><p class="size-18">Hide items that are temporarily unavailable</p></div><div class="btt-reveal"><span data-icon="benefits-management"></span>
15<p class="size-18">Change menu profiles at the touch of a button (evening menu, etc.)</p></div><div class="btt-reveal"><span data-icon="info-icon"></span><p class="size-18">Integration of information and advertising</p></div><div class="btt-reveal"><span data-icon="franchises"></span><p class="size-18">Branch differentiation</p></div></div></div><div id="locations" class="content-wrap p-b"><div class="p-trl btt-reveal"><h4>Locations</h4><p class="headline-sub">From Restaurants to Hotel-Rooms.</p></div><div class="grid-50"><div class="p-trbl btt-reveal"><p>The Food-Order-Terminal can be placed anywhere within your Wi-Fi network.</p><p>For example:</p><ul><li>Lobbies</li><li>Lounges</li><li>Meeting rooms</li><li>Restaurants</li><li>Bars</li><li>Pools</li><li>Guest rooms</li></ul></div><div class="p-trbl btt-reveal"><p>Ask about the different styles of the pedestal that fit your needs. Depending on the location, we offer different set-up options.</p><p>Choose between:</p><ul><li>Mobile (Cover)</li><li>Table stand mobile</li><li>Table stand fix</li><li>Low floor stand</li><li>High floor stand</li><li>Wall mount</li></ul></div></div><div class="grid-50"><div class="p-trl btt-reveal"><h5>Mobile (Cover)</h5><br><p>The mobile version is the most flexible alternative and helps to keep investment low, when the menus are brought to the customer tables.</p><p>The loss of devices is generally lower than expected, but it depends significantly on the situation. In a well-organized restaurant, the loss is typically close to zero.</p><p>The cover protects your device from damage.</p><p>We recommend a cover made of high quality genuine leather. Covers of synthetic leather and other materials wear out after only a few months.</p></div><div class="p-trl btt-reveal"><picture><source media="(max-width: 480px)" srcset="/assets/images/emenu/mobile-e-menue-480.png"><source media="(min-width: 768px)" srcset="/assets/images/emenu/mobile-e-menue.png"><img loading="lazy" title="OktoPOS E-Menu" ngsrc="/assets/images/emenu/mobile-e-menue-480.png" alt="E menu with salad on display" height="334" width="480" class="w80 element-center" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/emenu/mobile-e-menue-480.png"></picture></div></div><div class="grid-50 grid-reposition"><div class="p-trl btt-reveal grid-second"><div class="relative"><video muted playsinline poster="/assets/images/poster/e-menu-table-stand.jpg" preload="none" class="w100 locations-vid"><source type="video/mp4" src="https://cdn.oktopos.net/direct/website/oktop
15os-webapp/assets/videos/e-menu-table-stand-ohne-ton.mp4"></video><button class="play-button pbtn-locations absolute"><div class="arrow-right"></div></button></div></div><div class="p-trl btt-reveal grid-first"><h5>Table Stand Fix</h5><br><p>A fixed table stand is recommended in situations where the e-menu has a fixed position and should not be moved. The orders are taken at the location of the e-menu.</p></div></div><div class="p-trl btt-reveal"><picture><source media="(max-width: 480px)" srcset="/assets/images/emenu/e-menu-l-case-480.jpg"><source media="(max-width: 768px)" srcset="/assets/images/emenu/e-menu-l-case-768.jpg"><source media="(max-width: 992px)" srcset="/assets/images/emenu/e-menu-l-case-992.jpg"><source media="(min-width: 993px)" srcset="/assets/images/emenu/e-menu-l-case.jpg"><img loading="lazy" title="E-Menu" ngsrc="/assets/images/emenu/e-menu-l-case-480.jpg" alt="E-Menu L-Case table display" height="360" width="480" class="w80 element-center" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/emenu/e-menu-l-case-480.jpg"></picture></div><div class="grid-50"><div class="p-trl btt-reveal"><h5>Table Stand Mobile</h5><br><p>The mobile table stand is recommended for environments where the e-menu has a fixed position but should still be flexible for customer needs. For example, as a takeaway order terminal.</p><br><br><h5>High Floor Stand</h5><br><p>A high floor stand is recommended when guests order while they are standing, e.g. at a takeaway order terminal or in a waiting queue.</p><br><br><h5>Wall Mount</h5><br><p>A wall mount is ideal for meeting- and hotel-rooms. This guarantees that the e-menu stays in its place.</p><p>A wall mount is available as a surface-mounted or flush-mounted solution.</p><br><br><h5>Low Floor Stand</h5><br><p>A low floor stand is ideal for lounge areas and lobbies.</p></div><div class="p-trl"><img title="Food Order System" ngsrc="/assets/images/emenu/lobby-food-order-terminal.jpg" alt="Food order terminal in a lobby" height="640" width="427" class="w80 element-center btt-reveal" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/emenu/lobby-food-order-terminal.jpg"></div></div></div></app-functions><app-technology _nghost-ng-c2401838237><div _ngcontent-ng-c2401838237 id="technology" class="okto-bg p-tb white"><div _ngcontent-ng-c2401838237 class="content-wrap p-tb"><h3 _ngcontent-ng-c2401838237 class="white p-rl btt-reveal">Technology</h3><p _ngcontent-ng-c2401838237 class="headline-sub white p-rl btt-reveal">Proven Technology.</p><div _ngcontent-ng-c2401838237 class="grid-50"><div _ngcontent-ng-c2401838237 class="p-trbl btt-reveal"><p _ngcontent-ng-c2401838237>The menu cards are equipped with a rechargeable battery and are connected to the local Wi-Fi.</p><p _ngcontent-ng-c2401838237>Orders are transferred via a mini-server to the kitchen. The kitchen monitors and printers are connected to the local network (LAN).</p><div _ngcontent-ng-c2401838237 class="w70 p-t sys-req"><h4 _ngcontent-ng-c2401838237 class="wh klapp-titel"><button _ngcontent-ng-c2401838237 type="button" aria-controls="klapp-technik-sysreq" class="klapp-knopf" aria-expanded="false"><span _ngcontent-ng-c2401838237>System Requirements</span><span _ngcontent-ng-c2401838237 class="klapp-mehr">Show more</span><!----><!----><span _ngcontent-ng-c2401838237 aria-hidden="true" class="chev" data-icon="chevron-down"></span></button></h4><div _ngcontent-ng-c2401838237 id="klapp-technik-sysreq" class="hidden-overflow collapsed"><div _ngcontent-ng-c2401838237 class="sys-req-card"><ul _ngcontent-ng-c2401838237 class="inline"><li _ngcontent-ng-c2401838237 class="title">Software<!---->:</li><li _ngcontent-ng-c2401838237><img _ngcontent-ng-c2401838237 title="Windows 11" ngsrc="/assets/images/logos/windows-11.svg" alt="Windows 11 Logo" height="184" width="1000" class="win" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/logos/windows-11.svg"></li></ul><ul _ngcontent-ng-c2401838237><li _ngcontent-ng-c2401838237 class="title">Hardware:</li><li _ngcontent-ng-c2401838237 class="style-default">Android tablet computer 7-13".</li><li _ngcontent-ng-c2401838237 class="style-default">
15The tablet can be inserted in a luxurious leather cover, or it can be integrated in the table.</li></ul><ul _ngcontent-ng-c2401838237 class="inline"><li _ngcontent-ng-c2401838237 class="title">Data Connection<!---->:</li><li _ngcontent-ng-c2401838237>&nbsp;Wi-Fi</li></ul></div></div></div></div><div _ngcontent-ng-c2401838237 class="p-trbl btt-reveal"><img _ngcontent-ng-c2401838237 title="E-Menu connection structure" ngsrc="/assets/images/emenu/e-menu-connection.svg" alt="Infographic, e-menus connected to server via Wi-Fi" height="811" width="841" class="w100 element-center btt-reveal" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/emenu/e-menu-connection.svg"></div></div></div></div><div _ngcontent-ng-c2401838237 id="design" class="black-bg"><div _ngcontent-ng-c2401838237 class="content-wrap p-t"><div _ngcontent-ng-c2401838237 class="p-trl btt-reveal"><h4 _ngcontent-ng-c2401838237 class="white">Design</h4><p _ngcontent-ng-c2401838237 class="headline-sub white">Use our Standard Layout or get your Custom Design.</p></div><div _ngcontent-ng-c2401838237 class="p-trl btt-reveal"><picture _ngcontent-ng-c2401838237><source _ngcontent-ng-c2401838237 media="(max-width: 480px)" srcset="/assets/images/emenu/e-menu-with-individual-designs-480.jpg"><source _ngcontent-ng-c2401838237 media="(max-width: 768px)" srcset="/assets/images/emenu/e-menu-with-individual-designs-768.jpg"><source _ngcontent-ng-c2401838237 media="(max-width: 992px)" srcset="/assets/images/emenu/e-menu-with-individual-designs-992.jpg"><source _ngcontent-ng-c2401838237 media="(min-width: 993px)" srcset="/assets/images/emenu/e-menu-with-individual-designs.jpg"><img _ngcontent-ng-c2401838237 loading="lazy" title="E-Menu Designs" ngsrc="/assets/images/emenu/e-menu-with-individual-designs-480.jpg" alt="Various e-menu design interfaces" height="156" width="480" class="w100" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/emenu/e-menu-with-individual-designs-480.jpg"></picture></div><div _ngcontent-ng-c2401838237 class="grid-50"><div _ngcontent-ng-c2401838237 class="p-trl btt-reveal"><picture _ngcontent-ng-c2401838237><source _ngcontent-ng-c2401838237 media="(max-width: 480px)" srcset="/assets/images/emenu/e-menu-designs-480.jpg"><source _ngcontent-ng-c2401838237 media="(min-width: 768px)" srcset="/assets/images/emenu/e-menu-designs.jpg"><img _ngcontent-ng-c2401838237 loading="lazy" title="E-Menu Designs" ngsrc="/assets/images/emenu/e-menu-designs-480.jpg" alt="Various e-menu interfaces as an example" height="300" width="480" class="w100" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/emenu/e-menu-designs-480.jpg"></picture></div><div _ngcontent-ng-c2401838237 class="p-trl btt-reveal"><picture _ngcontent-ng-c2401838237><source _ngcontent-ng-c2401838237 media="(max-width: 480px)" srcset="/assets/images/emenu/sushi-factory-e-menu-designs-480.jpg"><source _ngcontent-ng-c2401838237 media="(min-width: 768px)" srcset="/assets/images/emenu/sushi-factory-e-menu-designs.jpg"><img _ngcontent-ng-c2401838237 loading="lazy" title="E-Menu Designs" ngsrc="/assets/images/emenu/sushi-factory-e-menu-designs-480.jpg" alt="Sushi Factory E-Menu Design Example" height="300" width="480" class="w100" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/emenu/sushi-factory-e-menu-designs-480.jpg"></picture></div></div><h5 _ngcontent-ng-c2401838237 class="p-trl btt-reveal">Layout</h5><br _ngcontent-ng-c2401838237><div _ngcontent-ng-c2401838237 class="grid-50"><div _ngcontent-ng-c2401838237 class="p-rbl btt-reveal"><p _ngcontent-ng-c2401838237>We recommend to use our standard layout for the design of the e-menu. The buttons and icons can be individualized. By using your own article photos, the e-Menu will reflect the corporate image of your company.</p><p _ngcontent-ng-c2401838237>Take advantage of regular updates by using our standard layout.</p><p _ngcontent-ng-c2401838237>If you prefer using your own layout, our designers are happy to help according to your specifications. The individualized user-interface uses the OktoPOS standard e-menu engine as a basis.</p></div><div _ngcontent-ng-c2401838237 class="p-rbl btt-reveal"><img _ngcontent-ng-c2401838237 title="E-Menu" ngsrc="/assets/images/emenu/retractable-e-menu-burgerlich-restaurant.jpg" alt="Retractable e-menu in restaurant table" height="380" width="380" class="w100" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/emenu/retractable-e-menu-burgerlich-restaurant.jpg"></div></div><h5 _ngcontent-ng-c2401838237 class="p-trl btt-reveal">Photos</h5><br _ngcontent-ng-c2401838237><div _ngcontent-ng-c2401838237 class="grid-50"><div _ngcontent-ng-c2401838237 class="p-rbl btt-reveal"><picture _ngcontent-ng-c2401838237><source _ngcontent-ng-c2401838237 media="(max-width: 480px)" srcset="/assets/images/emenu/e-menu-item-photos-management-480.jpg"><source _ngcontent-ng-c2401838237 media="(min-width: 481px)" srcset="/assets/images/emenu/e-menu-item-photos-management.jpg"><img _ngcontent-ng-c2401838237 loading="lazy" title="Photos" ngsrc="/assets/images/emenu/e-menu-item-photos-management-480.jpg" alt="Laptop, item list with product images" height="266" width="480" class="w100" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/emenu/e-menu-item-photos-management-480.jpg"></picture></div><div _ngcontent-ng-c2401838237 class="p-rbl btt-reveal"><p _ngcontent-ng-c2401838237>High-quality and inspiring product photos are essential for digital menus. The photos need to be uploaded in the OktoPOS Manager in a certain size and format. Our digital menu cards generally have a resolution in the range of 2
15K. Depending on the device, the resolution may be lower.</p></div></div></div></div></app-technology></app-emenu><app-guest-card _ngcontent-ng-c2214147036 data-branche="gastronomie"><div id="guestcard" class="black-bg p-tb"><div class="content-wrap"><div class="p-trl btt-reveal"><h2 class="sub-title">Guest Cards</h2><p class="headline-sub">For Storing Guest Orders on Chip Cards for Later Payment.</p><p class="legend-text software-nr">Software<!---->: SW-RFID</p></div><div class="grid-50"><div class="p-trl btt-reveal"><p>The RFID control center manages orders on guest cards. Customers receive a card at the entrance. Orders are stored on this card.</p><p>This can be done with the following OktoPOS modules:</p><ul><li>Cash Register</li><li>OrderTab</li><li>E-Menu</li></ul><br><p>Open cards can be listed at the cash register. The articles on different cards can be merged or split. Payment at the cash register is easy by just placing the cards on a reader.</p></div><div class="p-trl btt-reveal"><div class="relative"><video muted playsinline poster="/assets/images/poster/restaurant-burgerlich-guest-card.jpg" preload="none" class="w100 guestcard-vid"><source type="video/mp4" src="https://cdn.oktopos.net/direct/website/oktop
15os-webapp/assets/videos/restaurant-burgerlich-guest-card.mp4"></video><button class="play-button pbtn-guestcard absolute"><div class="arrow-right"></div></button></div></div><div class="p-trl btt-reveal"><img title="RFID Card infographic" ngsrc="/assets/images/cash-register/cash-register-rfid-card-1.svg" alt="RFID Guestcard Process Steps" height="16" width="16" class="w80 element-center" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/cash-register/cash-register-rfid-card-1.svg"></div></div></div></div></app-guest-card><div _ngcontent-ng-c2214147036 app-gehoert-dazu ohnewaage _nghost-ng-c2013524721><div _ngcontent-ng-c2013524721 class="content-wrap"><p _ngcontent-ng-c2013524721 class="gd-titel btt-reveal">Also included</p><div _ngcontent-ng-c2013524721 class="gd-raster"><a _ngcontent-ng-c2013524721 routerlink="/pos-system/payment" fragment="oktofin" class="gd-st btt-reveal" href="/en/pos-system/payment#oktofin"><span _ngcontent-ng-c2013524721 data-icon="payment-methods" aria-hidden="true"></span><div _ngcontent-ng-c2013524721><b _ngcontent-ng-c2013524721>Card payment with OktoFIN</b><span _ngcontent-ng-c2013524721 class="gd-text">One contract and one account for cash register, self checkout and self-ordering.</span></div></a><a _ngcontent-ng-c2013524721 routerlink="/pos-system/checkout/cash-register" fragment="electronicreceipt" class="gd-st btt-reveal" href="/en/pos-system/checkout/cash-register#electronicreceipt"><span _ngcontent-ng-c2013524721 data-icon="printouts" aria-hidden="true"></span><div _ngcontent-ng-c2013524721><b _ngcontent-ng-c2013524721>Electronic Receipt</b><span _ngcontent-ng-c2013524721 class="gd-text">The receipt as a QR code, the customer downloads it as a PDF.</span></div></a><!----><a _ngcontent-ng-c2013524721 routerlink="/pos-system/system/interfaces" fragment="interfaces" class="gd-st btt-reveal" href="/en/pos-system/system/interfaces#interfaces"><span _ngcontent-ng-c2013524721 data-icon="interfaces" aria-hidden="true"></span><div _ngcontent-ng-c2013524721><b _ngcontent-ng-c2013524721>Interfaces</b><span _ngcontent-ng-c2013524721 class="gd-text" data-branche="gastronomie">Accounting, online shops, suppliers, delivery services and hotel PMS.</span><span _ngcontent-ng-c2013524721 class="gd-text nur-handel" data-branche="einzelhandel">Accounting, online shops, suppliers and shelf price labels.</span></div></a><a _ngcontent-ng-c2013524721 routerlink="/management/mcp" fragment="mcp" class="gd-st btt-reveal" href="/en/management/mcp#mcp"><span _ngcontent-ng-c2013524721 data-icon="cloud" aria-hidden="true"></span><div _ngcontent-ng-c2013524721><b _ngcontent-ng-c2013524721>AI agents</b><span _ngcontent-ng-c2013524721 class="gd-text">Query sales and items via an AI agent.</span></div></a></div></div></div><nav _ngcontent-ng-c2214147036 aria-labelledby="naechster-bereich-titel" app-naechster-bereich aktiv="selfordersystems" _nghost-ng-c904269996><div _ngcontent-ng-c904269996 class="content-wrap"><div _ngcontent-ng-c904269996 class="p-rl"><a _ngcontent-ng-c904269996 aria-labelledby="naechster-bereich-knopf" class="nb-box btt-reveal" href="/en/customers"><picture _ngcontent-ng-c904269996 class="nb-bild"><!----><img _ngcontent-ng-c904269996 alt width="1774" height="887" loading="lazy" decoding="async" style="object-position: right 40%;" class src="/assets/images/customer/kunden-mood/en-us-usd/kunden-mood-en-us-usd-basis-20260929-1280.jpg" srcset="/assets/images/customer/kunden-mood/en-us-usd/kunden-mood-en-us-usd-basis-20260929-768.jpg 768w, /assets/images/customer/kunden-mood/en-us-usd/kunden-mood-en-us-usd-basis-20260929-1280.jpg 1280w, /assets/images/customer/kunden-mood/en-us-usd/kunden-mood-en-us-usd-basis-20260929-1774.jpg 1774w" sizes="(min-width: 1380px) 1200px, (min-width: 560px) calc(100vw - 80px), calc(100vw - 50px)"></picture><app-ki-hinweis _ngcontent-ng-c904269996 class="nb-ki-schmal" _nghost-ng-c4152911043><span _ngcontent-ng-c4152911043>AI-generated</span></app-ki-hinweis><!----><div _ngcontent-ng-c904269996 class="nb-karte"><p _ngcontent-ng-c904269996 id="naechster-bereich-titel" class="nb-eyebrow">Next section</p><p _ngcontent-ng-c904269996 class="nb-name">Customers</p><p _ngcontent-ng-c904269996 class="nb-satz">Cards, accounts, feedback and reservations in one system.</p><div _ngcontent-ng-c904269996 class="nb-themen-rahmen"><ul _ngcontent-ng-c904269996 class="nb-themen"><li _ngcontent-ng-c904269996 class="nb-thema">Cards &amp; Vouchers</li><li _ngcontent-ng-c904269996 class="nb-thema">Customer account</li><li _ngcontent-ng-c904269996 class="nb-thema">Feedback Terminal</li><li _ngcontent-ng-c904269996 class="nb-thema">Reservation &amp; Events</li><li _ngcontent-ng-c904269996 class="nb-thema">Content Management Website</li><!----></ul></div><!----><span _ngcontent-ng-c904269996 class="nb-knopf"><span _ngcontent-ng-c904269996 id="naechster-bereich-knopf">Continue to Customers</span><span _ngcontent-ng-c904269996 data-icon="chevron-right" aria-hidden="true" class="nb-pfeil"></span></span></div></a><app-ki-hinweis _ngcontent-ng-c904269996 class="nb-ki-breit" _nghost-ng-c4152911043><span _ngcontent-ng-c4152911043>AI-generated</span></app-ki-hinweis><!----></div></div><!----></nav></app-self-order-systems><!----></main><app-footer _nghost-ng-c3343872499 ngskiphydration><footer _ngcontent-ng-c3343872499><div _ngcontent-ng-c3343872499 class="darker-grey-bg"><div _ngcontent-ng-c3343872499 class="contactform content-wrap"><div _ngcontent-ng-c3343872499 class="p-trbl"><h2 _ngcontent-ng-c3343872499 class="main-title">Contact</h2><br _ngcontent-ng-c3343872499><app-contact-form _ngcontent-ng-c3343872499 _nghost-ng-c410009983><section _ngcontent-ng-c410009983><form _ngcontent-ng-c410009983 novalidate class="ng-untouched ng-pristine ng-invalid"><div _ngcontent-ng-c410009983 class="subject grid-100 row-p"><div _ngcontent-ng-c410009983 class="col"><input _ngcontent-ng-c410009983 title="Subject" type="text" formcontrolname="formSubject" placeholder="Please leave empty" id="subject" name="subject" value class="ng-untouched ng-pristine ng-valid"></div></div><div _ngcontent-ng-c410009983 class="grid-25 row-p"><div _ngcontent-ng-c410009983 class="col"><input _ngcontent-ng-c410009983 title="First Name" type="text" formcontrolname="formFirstName" placeholder="First Name" id="firstName" name="firstName" value class="ng-untouched ng-pristine ng-valid"><div _ngcontent-ng-c410009983 class="warning" hidden> Please do not use special characters </div></div><div _ngcontent-ng-c410009983 class="col"><input _ngcontent-ng-c410009983 title="Last Name" type="text" formcontrolname="formLastName" placeholder="Last Name*" id="lastName" required name="lastName" value class="ng-untouched ng-pristine ng-invalid"><div _ngcontent-ng-c410009983 class="warning" hidden> Please enter your last name </div><div _ngcontent-ng-c410009983 class="warning" hidden> Please do not use special characters </div></div><div _ngcontent-ng-c410009983 class="col"><input _ngcontent-ng-c410009983 title="Email" type="email" formcontrolname="formEmail" placeholder="Email*" id="email" required name="email" value class="ng-untouched ng-pristine ng-invalid"><div _ngcontent-ng-c410009983 class="warning" hidden> Please enter a valid email address </div></div><div _ngcontent-ng-c410009983 class="col"><input _ngcontent-ng-c410009983 title="Company" type="text" formcontrolname="formCompany" placeholder="Company" id="company" name="company" value class="ng-untouched ng-pristine ng-valid"></div></div><div _ngcontent-ng-c410009983 class="grid-100 p-rbl-10"><textarea _ngcontent-ng-c410009983 title="Message" type="text" formcontrolname="formMessage" placeholder="Message" id="message" name="message" class="ng-untouched ng-pristine ng-valid"></textarea><div _ngcontent-ng-c410009983 class="p-tb-20 grid-50 info">
15<p _ngcontent-ng-c410009983 class="data-protection-policy"><span _ngcontent-ng-c410009983>We store and process your data according to our </span><a _ngcontent-ng-c410009983 title="Data protection policy" routerlink="/about-us/data-protection" href="/en/about-us/data-protection">Data protection policy</a></p><p _ngcontent-ng-c410009983 class="text-right mandatory-fields">* Mandatory field</p></div><button _ngcontent-ng-c410009983 type="submit" disabled>Send</button></div></form><div _ngcontent-ng-c410009983 class="mail-confirm" hidden>Dear Customer,<br _ngcontent-ng-c410009983><br _ngcontent-ng-c410009983>We have received your message and will contact you as soon as possible.<br _ngcontent-ng-c410009983><br _ngcontent-ng-c410009983>Best regards<br _ngcontent-ng-c410009983>Your OktoPOS Team</div></section></app-contact-form></div></div></div><!----><!----><div _ngcontent-ng-c3343872499 class="darker-grey-bg"><div _ngcontent-ng-c3343872499 class="content-wrap"><div _ngcontent-ng-c3343872499 class="grid-50"><nav _ngcontent-ng-c3343872499 class="p-trbl"><h2 _ngcontent-ng-c3343872499>POS System &amp; Management Software</h2><br _ngcontent-ng-c3343872499><section _ngcontent-ng-c3343872499 class="grid-50"><div _ngcontent-ng-c3343872499><a _ngcontent-ng-c3343872499 routerlinkactive="active" href="/en/pos-system" class><h3 _ngcontent-ng-c3343872499 class="navi">POS System</h3></a></div><div _ngcontent-ng-c3343872499><a _ngcontent-ng-c3343872499 routerlinkactive="active" href="/en/self-checkout" class><h3 _ngcontent-ng-c3343872499 class="navi">Self checkout</h3></a></div><div _ngcontent-ng-c3343872499><a _ngcontent-ng-c3343872499 routerlinkactive="active" href="/en/self-order-systems" class="active"><h3 _ngcontent-ng-c3343872499 class="navi">Self-ordering</h3></a></div><div _ngcontent-ng-c3343872499><a _ngcontent-ng-c3343872499 routerlinkactive="active" href="/en/customers" class><h3 _ngcontent-ng-c3343872499 class="navi">Customers</h3></a></div><div _ngcontent-ng-c3343872499><a _ngcontent-ng-c3343872499 routerlinkactive="active" href="/en/operations" class><h3 _ngcontent-ng-c3343872499 class="navi">Operations</h3></a></div><div _ngcontent-ng-c3343872499><a _ngcontent-ng-c3343872499 routerlinkactive="active" href="/en/management" class><h3 _ngcontent-ng-c3343872499 class="navi">Management</h3></a></div><div _ngcontent-ng-c3343872499><a _ngcontent-ng-c3343872499 routerlinkactive="active" href="/en/about-us" class><h3 _ngcontent-ng-c3343872499 class="navi">About us</h3></a></div><div _ngcontent-ng-c3343872499><a _ngcontent-ng-c3343872499 routerlinkactive="active" href="/en/support" class><h3 _ngcontent-ng-c3343872499 class="navi">Support</h3></a></div><!----></section><br _ngcontent-ng-c3343872499><hr _ngcontent-ng-c3343872499><br _ngcontent-ng-c3343872499><div _ngcontent-ng-c3343872499 class="links"><p _ngcontent-ng-c3343872499 class="highlight"><a _ngcontent-ng-c3343872499 title="Emergency Support" href="https://support.oktopos.net/form_en.php"><span _ngcontent-ng-c3343872499 data-icon="contact"></span><span _ngcontent-ng-c3343872499>Emergency Support</span></a></p><p _ngcontent-ng-c3343872499><a _ngcontent-ng-c3343872499 title="Data Protection" routerlink="about-us/data-protection" href="/en/about-us/data-protection">Data Protection</a></p><p _ngcontent-ng-c3343872499><a _ngcontent-ng-c3343872499 title="Terms &amp; Conditions" routerlink="about-us/imprint" href="/en/about-us/imprint">Terms &amp; Conditions</a></p></div></nav><div _ngcontent-ng-c3343872499 class="p-trbl"><h3 _ngcontent-ng-c3343872499>Contact</h3><br _ngcontent-ng-c3343872499><!----><br _ngcontent-ng-c3343872499><ul _ngcontent-ng-c3343872499 class="phone"><li _ngcontent-ng-c3343872499><a _ngcontent-ng-c3343872499 title="German phone number" href="tel:+494046656570" class="inline-elements"><img _ngcontent-ng-c3343872499 title="Germany" ngsrc="/assets/images/flags/de.png" alt="German flag" height="20" width="30" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/flags/de.png"><span _ngcontent-ng-c3343872499>+49 (40) 466 565 70</span></a></li><!----><!----><!----><!----><!----><!----><!----><!----></ul><br _ngcontent-ng-c3343872499><p _ngcontent-ng-c3343872499><img _ngcontent-ng-c3343872499 title="Email address" ngsrc="/assets/images/oktopos-e-mail.jpg" alt="Email address" height="23" width="160" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/oktopos-e-mail.jpg"></p><br _ngcontent-ng-c3343872499><div _ngcontent-ng-c3343872499 class="inline-elements">
15<img _ngcontent-ng-c3343872499 title="POS system&nbsp;- Made in Germany" ngsrc="/assets/images/logos/made-in-germany.svg" alt="Made in Germany" height="75" width="75" class="p-tr" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="/assets/images/logos/made-in-germany.svg"><!----></div></div></div><div _ngcontent-ng-c3343872499 class="provider-label p-b"><p _ngcontent-ng-c3343872499>© 2026 OktoPOS Solutions GmbH &nbsp;-&nbsp; Cash Register System &amp; Management Software</p><p _ngcontent-ng-c3343872499>Oberbaumbrücke 1 &nbsp;|&nbsp; 20457 Hamburg &nbsp;|&nbsp; Germany</p></div></div></div></footer></app-footer></app-root>
16  
16<script src="runtime.df14bbc9c5fe47f5.js" type="module"></script>
16<script src="polyfills.400865fb72833fd5.js" type="module"></script>
16<script src="main.69051fe631ea6751.js" type="module"></script>
16
17
18<script id="ng-state" type="application/json">{"__nghData__":[{"t":{"0":"t0"},"c":{"0":[]}},{"c":{"6":[{"i":"c2214147036","r":1}]}}]}</script>
18</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.