{"id":3299,"date":"2026-11-04T10:35:41","date_gmt":"2026-11-04T09:35:41","guid":{"rendered":"https:\/\/booknext.synext-it.com\/?page_id=3299"},"modified":"2026-11-05T12:51:27","modified_gmt":"2026-11-05T11:51:27","slug":"home","status":"publish","type":"page","link":"https:\/\/booknext.synext-it.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3299\" class=\"elementor elementor-3299\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d887b9 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"0d887b9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22f7b55 elementor-widget elementor-widget-html\" data-id=\"22f7b55\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500..800&family=Figtree:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n#sx-bn{\r\n  --bn-deep:#03190F; --bn-forest:#062A1B; --bn-pine:#0D3B27; --bn-leaf:#1E5A3E;\r\n  --bn-signal:#19BE00; --bn-mint:#EEF4EF; --bn-line:#D3E1D7; --bn-ink:#0F1F18; --bn-muted:#52665C;\r\n  --bn-on-dark:#E4EEE8; --bn-on-dark-muted:#A9BDB2;\r\n  font-family:'Figtree',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;\r\n  color:var(--bn-ink); background:#fff; font-size:17px; line-height:1.6;\r\n  -webkit-font-smoothing:antialiased; overflow-x:clip;\r\n}\r\n#sx-bn *,#sx-bn *::before,#sx-bn *::after{box-sizing:border-box}\r\n#sx-bn h1,#sx-bn h2,#sx-bn h3,#sx-bn h4{\r\n  font-family:'Bricolage Grotesque','Figtree',system-ui,sans-serif !important;\r\n  margin:0 !important; padding:0 !important; color:inherit !important;\r\n  font-weight:700 !important; letter-spacing:-.025em; line-height:1.06; text-transform:none !important;\r\n}\r\n#sx-bn p{margin:0 !important}\r\n#sx-bn a{color:inherit; text-decoration:none !important}\r\n#sx-bn ul,#sx-bn ol{list-style:none !important; margin:0 !important; padding:0 !important}\r\n#sx-bn button{font:inherit; cursor:pointer; background:none; border:0; color:inherit; padding:0; margin:0; text-transform:none; letter-spacing:normal}\r\n#sx-bn svg{flex-shrink:0}\r\n#sx-bn [hidden]{display:none !important}\r\n#sx-bn :focus-visible{outline:3px solid var(--bn-signal) !important; outline-offset:3px}\r\n#sx-bn .sx-wrap{max-width:1200px; margin:0 auto; padding:0 24px}\r\n#sx-bn .sx-sec{padding:120px 0}\r\n#sx-bn .sx-dark{background:var(--bn-forest); color:var(--bn-on-dark)}\r\n#sx-bn .sx-h2{font-size:clamp(34px,4.4vw,56px)}\r\n#sx-bn .sx-intro{max-width:56ch; color:var(--bn-muted); margin-top:18px !important; font-size:18px}\r\n#sx-bn .sx-dark .sx-intro{color:var(--bn-on-dark-muted)}\r\n#sx-bn .sx-dark .sx-h2{color:#fff !important}\r\n\r\n\/* Buttons *\/\r\n#sx-bn .sx-btn{display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:15px 26px; border-radius:999px;\r\n  font-weight:600; font-size:16px; line-height:1.2; border:1.5px solid transparent; transition:background .2s,border-color .2s,color .2s; white-space:nowrap}\r\n#sx-bn .sx-btn--signal{background:var(--bn-signal); color:var(--bn-deep) !important}\r\n#sx-bn .sx-btn--signal:hover{background:#2FD615}\r\n#sx-bn .sx-btn--ghost{border-color:rgba(228,238,232,.35); color:#fff !important}\r\n#sx-bn .sx-btn--ghost:hover{border-color:#fff}\r\n#sx-bn .sx-btn--dark{background:var(--bn-forest); color:#fff !important}\r\n#sx-bn .sx-btn--dark:hover{background:var(--bn-pine)}\r\n#sx-bn .sx-btn--line{border-color:var(--bn-ink); color:var(--bn-ink) !important}\r\n#sx-bn .sx-btn--line:hover{background:var(--bn-ink); color:#fff !important}\r\n#sx-bn .sx-btn--sm{padding:11px 20px; font-size:15px}\r\n\r\n\/* Header *\/\r\n#sx-bn .sx-head{background:var(--bn-deep); color:#fff; position:relative; z-index:5}\r\n#sx-bn .sx-head__in{display:flex; align-items:center; gap:32px; min-height:78px}\r\n#sx-bn .sx-logo{display:flex; align-items:center; gap:10px; font-family:'Bricolage Grotesque',sans-serif; font-weight:700; font-size:21px; letter-spacing:-.02em}\r\n#sx-bn .sx-nav{display:flex; gap:30px; margin-left:auto; font-size:15px; font-weight:500}\r\n#sx-bn .sx-nav a{color:var(--bn-on-dark-muted); transition:color .2s}\r\n#sx-bn .sx-nav a:hover{color:#fff}\r\n#sx-bn .sx-head__cta{display:flex; align-items:center; gap:18px}\r\n#sx-bn .sx-lang{font-size:14px; font-weight:600; color:var(--bn-on-dark-muted)}\r\n#sx-bn .sx-lang:hover{color:#fff}\r\n#sx-bn .sx-burger{display:none; width:44px; height:44px; border-radius:12px; align-items:center; justify-content:center; margin-left:auto}\r\n\r\n\/* Hero *\/\r\n#sx-bn .sx-hero{background:var(--bn-forest); color:#fff; position:relative; padding:88px 0 110px; isolation:isolate}\r\n#sx-bn .sx-hero::before{content:\"\"; position:absolute; inset:0; z-index:-1;\r\n  background-image:linear-gradient(rgba(228,238,232,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(228,238,232,.06) 1px,transparent 1px);\r\n  background-size:72px 72px; background-position:-1px -1px;\r\n  -webkit-mask-image:radial-gradient(ellipse 70% 80% at 72% 45%,#000 20%,transparent 75%); mask-image:radial-gradient(ellipse 70% 80% at 72% 45%,#000 20%,transparent 75%)}\r\n#sx-bn .sx-hero::after{content:\"\"; position:absolute; z-index:-1; width:620px; height:620px; right:4%; top:6%; border-radius:50%;\r\n  background:radial-gradient(circle,rgba(25,190,0,.22),transparent 65%); pointer-events:none}\r\n#sx-bn .sx-hero__grid{display:grid; grid-template-columns:1.1fr .9fr; gap:56px; align-items:center}\r\n#sx-bn .sx-pill{display:inline-flex; align-items:center; gap:8px; padding:7px 14px 7px 10px; border-radius:999px; font-size:14px; font-weight:500;\r\n  background:rgba(228,238,232,.08); border:1px solid rgba(228,238,232,.16); color:var(--bn-on-dark)}\r\n#sx-bn .sx-pill i{width:8px; height:8px; border-radius:50%; background:var(--bn-signal); box-shadow:0 0 0 4px rgba(25,190,0,.2)}\r\n#sx-bn .sx-hero h1{font-size:clamp(40px,min(5vw,8.6vh),68px); margin-top:24px !important; max-width:none; hyphens:manual; -webkit-hyphens:manual; overflow-wrap:break-word; font-weight:800 !important; letter-spacing:-.035em}\r\n#sx-bn .sx-hero h1 span{display:block}\r\n#sx-bn .sx-hero__lead{margin-top:26px !important; font-size:19px; max-width:50ch; color:var(--bn-on-dark)}\r\n#sx-bn .sx-hero__ctas{display:flex; flex-wrap:wrap; gap:14px; margin-top:38px}\r\n#sx-bn .sx-hero__facts{display:flex; flex-wrap:wrap; gap:10px 28px; margin-top:46px !important; padding-top:26px !important; border-top:1px solid rgba(228,238,232,.14); font-size:15px; color:var(--bn-on-dark-muted)}\r\n#sx-bn .sx-hero__facts li{display:flex; align-items:center; gap:8px}\r\n#sx-bn .sx-hero__facts svg{color:var(--bn-signal)}\r\n\r\n\/* Role demo *\/\r\n#sx-bn .sx-demo{display:flex; flex-direction:column; align-items:center; gap:26px}\r\n#sx-bn .sx-roles{display:inline-flex; padding:5px; border-radius:999px; background:rgba(3,25,15,.6); border:1px solid rgba(228,238,232,.14)}\r\n#sx-bn .sx-roles button{padding:10px 20px; border-radius:999px; font-size:15px; font-weight:600; color:var(--bn-on-dark-muted); transition:background .25s,color .25s}\r\n#sx-bn .sx-roles button:hover{color:#fff}\r\n#sx-bn .sx-roles button[aria-selected=\"true\"]{background:var(--bn-signal); color:var(--bn-deep)}\r\n#sx-bn .sx-roles__cap{font-size:15px; color:var(--bn-on-dark-muted); text-align:center; max-width:34ch; min-height:3.2em}\r\n\r\n\/* Phone + Bild-Slider *\/\r\n#sx-bn .sx-phone{position:relative; width:300px; height:620px}\r\n#sx-bn .sx-screen{position:relative; height:100%; overflow:hidden}\r\n#sx-bn .sx-scr{position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .35s ease,visibility 0s linear .35s}\r\n#sx-bn .sx-scr.is-on{opacity:1; visibility:visible; transition:opacity .35s ease}\r\n#sx-bn .sx-track{display:flex; height:100%; transition:transform .55s cubic-bezier(.2,.8,.2,1); touch-action:pan-y; cursor:grab}\r\n#sx-bn .sx-track img{flex:0 0 100%; width:100%; height:100%; max-width:none; object-fit:contain; object-position:center; display:block; margin:0; border-radius:0; box-shadow:none;\r\n    -webkit-user-select:none; user-select:none; -webkit-user-drag:none; pointer-events:auto}\r\n\/* Bilder mit Handy-Rahmen und Leerraum: vergr\u00f6\u00dfern und Rand abschneiden.\r\n   --bn-img-zoom anpassen, falls das Handy noch zu klein (h\u00f6her) oder abgeschnitten (niedriger) ist. *\/\r\n#sx-bn .sx-demo{--bn-img-zoom:1.6}\r\n#sx-bn .sx-demo[data-frame=\"image\"] .sx-track img{transform:scale(var(--bn-img-zoom)); clip-path:inset(calc(50% - 50% \/ var(--bn-img-zoom)))}\r\n\/* data-frame=\"css\": Bilder sind reine Screenshots \u2192 Ger\u00e4trahmen per CSS *\/\r\n#sx-bn .sx-demo[data-frame=\"css\"] .sx-phone{border-radius:48px; padding:11px; background:#0A0F0C;\r\n  box-shadow:0 0 0 1.5px #2C3A33,0 40px 80px -20px rgba(0,0,0,.6),0 0 0 9px rgba(228,238,232,.04)}\r\n#sx-bn .sx-demo[data-frame=\"css\"] .sx-phone::before{content:\"\"; position:absolute; top:20px; left:50%; transform:translateX(-50%); width:92px; height:26px; border-radius:20px; background:#0A0F0C; z-index:3}\r\n#sx-bn .sx-demo[data-frame=\"css\"] .sx-screen{border-radius:38px; background:#F3F6F4}\r\n#sx-bn .sx-demo[data-frame=\"css\"] .sx-track img{object-fit:cover; object-position:top center}\r\n\/* Slider-Punkte *\/\r\n#sx-bn .sx-dots{display:flex; justify-content:center; gap:2px; min-height:20px}\r\n#sx-bn .sx-dots button{display:grid; place-items:center; height:1px; padding:0 4px}\r\n#sx-bn .sx-dots button::before{content:\"\"; width:8px; height:8px; border-radius:99px; background:rgba(228,238,232,.3); transition:width .3s,background .3s}\r\n#sx-bn .sx-dots button:hover::before{background:rgba(228,238,232,.6)}\r\n#sx-bn .sx-dots button[aria-current=\"true\"]::before{width:24px; background:var(--bn-signal)}\r\n\r\n\/* Why *\/\r\n#sx-bn .sx-why{background:var(--bn-mint)}\r\n#sx-bn .sx-why__grid{display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:start}\r\n#sx-bn .sx-why__list{border-top:1px solid var(--bn-line)}\r\n#sx-bn .sx-why__list li{display:grid; grid-template-columns:48px 1fr; gap:18px; padding:26px 0; border-bottom:1px solid var(--bn-line)}\r\n#sx-bn .sx-ico{width:48px; height:48px; border-radius:14px; background:#fff; border:1px solid var(--bn-line); display:grid; place-items:center; color:var(--bn-forest)}\r\n#sx-bn .sx-why__list h3{font-size:21px; margin-bottom:6px !important; letter-spacing:-.015em}\r\n#sx-bn .sx-why__list p{color:var(--bn-muted)}\r\n#sx-bn .sx-why .sx-btn{margin-top:36px}\r\n\r\n\/* Features bento *\/\r\n#sx-bn .sx-feat__head{display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:56px}\r\n#sx-bn .sx-bento{display:grid; grid-template-columns:1.25fr 1fr 1fr; grid-template-rows:auto auto; gap:18px}\r\n#sx-bn .sx-cell{border-radius:26px; padding:32px; background:var(--bn-mint); display:flex; flex-direction:column; gap:12px; min-height:280px}\r\n#sx-bn .sx-cell h3{font-size:24px; letter-spacing:-.02em}\r\n#sx-bn .sx-cell p{color:var(--bn-muted); font-size:16px}\r\n#sx-bn .sx-cell--hero{grid-row:span 2; background:var(--bn-forest); color:#fff}\r\n#sx-bn .sx-cell--hero p{color:var(--bn-on-dark-muted)}\r\n#sx-bn .sx-cell--hero h3{font-size:34px}\r\n#sx-bn .sx-cell--line{background:#fff; border:1px solid var(--bn-line)}\r\n#sx-bn .sx-cell__vis{margin-top:auto; padding-top:18px}\r\n#sx-bn .sx-steps-mini{display:flex; flex-direction:column; gap:10px; margin-top:auto !important; padding-top:28px !important}\r\n#sx-bn .sx-steps-mini li{display:flex; align-items:center; gap:14px; padding:14px 16px; border-radius:16px; background:rgba(228,238,232,.07); border:1px solid rgba(228,238,232,.12); font-weight:500}\r\n#sx-bn .sx-steps-mini li span{width:28px; height:28px; border-radius:50%; display:grid; place-items:center; font-size:13px; font-weight:700; border:1.5px solid rgba(228,238,232,.4)}\r\n#sx-bn .sx-steps-mini li:last-child{background:var(--bn-signal); color:var(--bn-deep); border-color:var(--bn-signal)}\r\n#sx-bn .sx-steps-mini li:last-child span{border-color:var(--bn-deep)}\r\n#sx-bn .sx-cal{display:grid; grid-template-columns:repeat(7,1fr); gap:4px; font-size:12px; text-align:center; color:var(--bn-muted)}\r\n#sx-bn .sx-cal span{padding:5px 0; border-radius:8px}\r\n#sx-bn .sx-cal .d{font-weight:600; color:#8AA095; font-size:10.5px}\r\n#sx-bn .sx-cal .b{background:#fff; color:var(--bn-ink); font-weight:600; box-shadow:inset 0 0 0 1px var(--bn-line)}\r\n#sx-bn .sx-cal .t{background:var(--bn-forest); color:#fff; font-weight:700}\r\n#sx-bn .sx-annc{background:#fff; border-radius:16px; padding:14px 16px; box-shadow:inset 0 0 0 1px var(--bn-line)}\r\n#sx-bn .sx-annc b{display:block; font-size:15px}\r\n#sx-bn .sx-annc span{font-size:14px; color:var(--bn-muted)}\r\n#sx-bn .sx-annc__langs{display:flex; gap:6px; margin-top:10px}\r\n#sx-bn .sx-annc__langs i{font-style:normal; font-size:12px; font-weight:700; padding:3px 9px; border-radius:99px; background:var(--bn-mint); color:var(--bn-forest)}\r\n#sx-bn .sx-ticks{display:flex; flex-wrap:wrap; gap:8px; margin-top:auto !important; padding-top:14px !important}\r\n#sx-bn .sx-ticks li{font-size:14px; font-weight:600; padding:6px 12px; border-radius:99px; background:var(--bn-mint); color:var(--bn-forest)}\r\n#sx-bn .sx-cell:not(.sx-cell--line) .sx-ticks li{background:#fff}\r\n\r\n\/* Process *\/\r\n#sx-bn .sx-proc__steps{display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin-top:64px !important; counter-reset:sxstep}\r\n#sx-bn .sx-proc__steps li{position:relative; padding:0 28px 0 0}\r\n#sx-bn .sx-proc__num{display:flex; align-items:center; gap:14px; margin-bottom:26px}\r\n#sx-bn .sx-proc__num span{width:52px; height:52px; border-radius:50%; display:grid; place-items:center; font-family:'Bricolage Grotesque',sans-serif; font-weight:700; font-size:20px;\r\n  border:1.5px solid rgba(228,238,232,.3); color:#fff; background:var(--bn-forest); position:relative; z-index:1}\r\n#sx-bn .sx-proc__num::after{content:\"\"; flex:1; height:1.5px; background:rgba(228,238,232,.2)}\r\n#sx-bn .sx-proc__steps li:last-child .sx-proc__num::after{display:none}\r\n#sx-bn .sx-proc__steps li.is-key .sx-proc__num span{background:var(--bn-signal); color:var(--bn-deep); border-color:var(--bn-signal)}\r\n#sx-bn .sx-proc__steps h3{font-size:22px; margin-bottom:10px !important; color:#fff !important}\r\n#sx-bn .sx-proc__steps p{color:var(--bn-on-dark-muted); font-size:16px}\r\n#sx-bn .sx-proc__steps p b{color:#fff; font-weight:600}\r\n#sx-bn .sx-proc__steps a{color:#fff; text-decoration:underline !important; text-underline-offset:3px}\r\n\r\n\/* Pricing *\/\r\n#sx-bn .sx-price{background:var(--bn-mint)}\r\n#sx-bn .sx-price__head{text-align:center; display:flex; flex-direction:column; align-items:center}\r\n#sx-bn .sx-billing{display:inline-flex; padding:5px; border-radius:999px; background:#fff; border:1px solid var(--bn-line); margin-top:34px}\r\n#sx-bn .sx-billing button{padding:10px 20px; border-radius:999px; font-weight:600; font-size:15px; color:var(--bn-muted); display:flex; align-items:center; gap:8px; transition:background .25s,color .25s}\r\n#sx-bn .sx-billing button[aria-pressed=\"true\"]{background:var(--bn-forest); color:#fff}\r\n#sx-bn .sx-billing button em{font-style:normal; font-size:12px; padding:2px 8px; border-radius:99px; background:var(--bn-signal); color:var(--bn-deep)}\r\n#sx-bn .sx-price__grid{display:grid; grid-template-columns:1.35fr 1fr; gap:18px; margin-top:44px; align-items:stretch}\r\n#sx-bn .sx-plan{background:#fff; border-radius:28px; padding:44px; border:1px solid var(--bn-line); box-shadow:0 30px 60px -40px rgba(6,42,27,.35)}\r\n#sx-bn .sx-plan__top{display:flex; justify-content:space-between; gap:20px; align-items:start; flex-wrap:wrap}\r\n#sx-bn .sx-plan h3{font-size:26px}\r\n#sx-bn .sx-plan__sub{color:var(--bn-muted); margin-top:6px !important}\r\n#sx-bn .sx-plan__amount{display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; margin-top:30px}\r\n#sx-bn .sx-plan__num{font-family:'Bricolage Grotesque',sans-serif; font-weight:800; font-size:clamp(56px,7vw,80px); letter-spacing:-.04em; line-height:1; color:var(--bn-forest)}\r\n#sx-bn .sx-plan__per{color:var(--bn-muted); font-weight:500}\r\n#sx-bn .sx-plan__hint{margin-top:10px !important; font-size:15px; color:var(--bn-leaf); font-weight:600; min-height:1.6em}\r\n#sx-bn .sx-checks{display:grid; gap:12px; margin:30px 0 34px !important; padding-top:28px !important; border-top:1px solid var(--bn-line)}\r\n#sx-bn .sx-checks li{display:grid; grid-template-columns:22px 1fr; gap:12px; font-size:16px}\r\n#sx-bn .sx-checks svg{margin-top:3px; color:var(--bn-signal)}\r\n#sx-bn .sx-plan .sx-btn{width:100%}\r\n#sx-bn .sx-plan__fine{font-size:13px; color:var(--bn-muted); margin-top:12px !important; text-align:center}\r\n#sx-bn .sx-addon{border-radius:28px; padding:40px; background:var(--bn-forest); color:var(--bn-on-dark); display:flex; flex-direction:column}\r\n#sx-bn .sx-addon__tag{align-self:flex-start; font-size:13px; font-weight:600; padding:5px 12px; border-radius:99px; border:1px solid rgba(228,238,232,.25)}\r\n#sx-bn .sx-addon h3{font-size:26px; color:#fff !important; margin-top:20px !important}\r\n#sx-bn .sx-addon > p{color:var(--bn-on-dark-muted); margin-top:10px !important}\r\n#sx-bn .sx-addon .sx-checks{border-color:rgba(228,238,232,.14); margin:24px 0 28px !important; padding-top:24px !important}\r\n#sx-bn .sx-addon .sx-checks li{font-size:15px}\r\n#sx-bn .sx-addon__foot{margin-top:auto; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap}\r\n#sx-bn .sx-addon__price{font-family:'Bricolage Grotesque',sans-serif; font-weight:800; font-size:44px; letter-spacing:-.03em; color:#fff; line-height:1}\r\n#sx-bn .sx-addon__price small{display:block; font-family:'Figtree',sans-serif; font-size:13px; font-weight:500; letter-spacing:0; color:var(--bn-on-dark-muted); margin-top:6px}\r\n#sx-bn .sx-req{display:flex; flex-wrap:wrap; gap:6px 14px; align-items:center; justify-content:center; margin-top:28px !important; font-size:15px; color:var(--bn-muted); text-align:center}\r\n#sx-bn .sx-req a{color:var(--bn-forest); font-weight:600; text-decoration:underline !important; text-underline-offset:3px}\r\n\r\n\/* FAQ *\/\r\n#sx-bn .sx-faq__grid{display:grid; grid-template-columns:.8fr 1.2fr; gap:72px; align-items:start}\r\n#sx-bn .sx-faq__side{position:sticky; top:40px}\r\n#sx-bn .sx-faq__side .sx-btn{margin-top:30px}\r\n#sx-bn .sx-faq details{border-bottom:1px solid var(--bn-line)}\r\n#sx-bn .sx-faq details:first-child{border-top:1px solid var(--bn-line)}\r\n#sx-bn .sx-faq summary{list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:24px; padding:24px 0;\r\n  font-family:'Bricolage Grotesque',sans-serif; font-weight:600; font-size:20px; letter-spacing:-.015em}\r\n#sx-bn .sx-faq summary::-webkit-details-marker{display:none}\r\n#sx-bn .sx-faq summary .sx-plus{flex:0 0 34px; width:34px; height:34px; min-width:34px; aspect-ratio:1; border-radius:50%; border:1px solid var(--bn-line); display:grid; place-items:center; transition:transform .3s,background .3s,color .3s,border-color .3s}\r\n#sx-bn .sx-faq details[open] summary .sx-plus{transform:rotate(45deg); background:var(--bn-forest); color:#fff; border-color:var(--bn-forest)}\r\n#sx-bn .sx-faq__a{padding:0 60px 26px 0; color:var(--bn-muted); display:grid; gap:12px}\r\n\r\n\/* Contact *\/\r\n#sx-bn .sx-contact__grid{display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:start}\r\n#sx-bn .sx-contact__ways{margin-top:40px !important; display:grid; gap:14px}\r\n#sx-bn .sx-contact__ways a{display:flex; align-items:center; gap:14px; font-size:18px; font-weight:500; color:#fff}\r\n#sx-bn .sx-contact__ways a:hover{color:var(--bn-signal)}\r\n#sx-bn .sx-contact__ways .sx-ico{background:rgba(228,238,232,.07); border-color:rgba(228,238,232,.14); color:var(--bn-signal)}\r\n#sx-bn .sx-form{background:#fff; color:var(--bn-ink); border-radius:28px; padding:40px; display:grid; gap:18px}\r\n#sx-bn .sx-form__row{display:grid; grid-template-columns:1fr 1fr; gap:18px}\r\n#sx-bn .sx-form label{display:grid; gap:7px; font-size:14px; font-weight:600}\r\n#sx-bn .sx-form input,#sx-bn .sx-form textarea,#sx-bn .sx-form select{width:100%; font:inherit; font-size:16px; color:var(--bn-ink); background:var(--bn-mint) !important;\r\n  border:1.5px solid transparent !important; border-radius:14px !important; padding:13px 16px !important; transition:border-color .2s,background .2s; box-shadow:none !important}\r\n#sx-bn .sx-form input:focus,#sx-bn .sx-form textarea:focus{outline:none; border-color:var(--bn-forest) !important; background:#fff !important}\r\n#sx-bn .sx-form textarea{min-height:130px; resize:vertical}\r\n#sx-bn .sx-form__fine{font-size:13px; color:var(--bn-muted)}\r\n#sx-bn .sx-form__fine a{text-decoration:underline !important}\r\n#sx-bn .sx-form{position:relative}\r\n#sx-bn .sx-hp{position:absolute !important; left:-9999px !important; top:auto; width:1px; height:1px; overflow:hidden}\r\n#sx-bn .sx-form button[disabled]{opacity:.6; cursor:wait}\r\n#sx-bn .sx-form__status{font-size:15px; font-weight:600}\r\n#sx-bn .sx-form__status:empty{display:none}\r\n#sx-bn .sx-form__status.is-ok{color:var(--bn-leaf)}\r\n#sx-bn .sx-form__status.is-error{color:#B42318}\r\n\r\n\/* Footer *\/\r\n#sx-bn .sx-foot{background:var(--bn-deep); color:var(--bn-on-dark-muted); padding:72px 0 36px; font-size:15px}\r\n#sx-bn .sx-foot__grid{display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:48px}\r\n#sx-bn .sx-foot .sx-logo{color:#fff}\r\n#sx-bn .sx-foot__about{margin-top:16px !important; max-width:36ch}\r\n#sx-bn .sx-foot h4{font-size:16px; color:#fff !important; margin-bottom:16px !important; letter-spacing:-.01em}\r\n#sx-bn .sx-foot ul{display:grid; gap:10px}\r\n#sx-bn .sx-foot a:hover{color:#fff}\r\n#sx-bn .sx-foot__bar{margin-top:56px; padding-top:24px; border-top:1px solid rgba(228,238,232,.1); display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; font-size:14px}\r\n\r\n\/* Responsive *\/\r\n@media (max-width:1024px){\r\n  #sx-bn .sx-sec{padding:96px 0}\r\n  #sx-bn .sx-hero__grid,#sx-bn .sx-why__grid,#sx-bn .sx-faq__grid,#sx-bn .sx-contact__grid,#sx-bn .sx-price__grid{grid-template-columns:1fr; gap:56px}\r\n  #sx-bn .sx-hero h1{font-size:clamp(44px,7vw,64px)}\r\n  #sx-bn .sx-bento{grid-template-columns:1fr 1fr}\r\n  #sx-bn .sx-cell--hero{grid-row:auto; grid-column:1 \/ -1}\r\n  #sx-bn .sx-proc__steps{grid-template-columns:1fr 1fr; gap:48px 0}\r\n  #sx-bn .sx-proc__steps li:nth-child(2) .sx-proc__num::after{display:none}\r\n  #sx-bn .sx-faq__side{position:static}\r\n  #sx-bn .sx-feat__head{flex-direction:column; align-items:start}\r\n}\r\n@media (max-width:860px){\r\n  #sx-bn .sx-nav,#sx-bn .sx-head__cta .sx-btn{display:none}\r\n  #sx-bn .sx-burger{display:flex}\r\n  #sx-bn .sx-head__cta{order:3}\r\n  #sx-bn .sx-nav.is-open{display:flex; position:absolute; top:78px; left:0; right:0; flex-direction:column; gap:0; padding:8px 24px 20px; background:var(--bn-deep); border-top:1px solid rgba(228,238,232,.1)}\r\n  #sx-bn .sx-nav.is-open a{padding:14px 0; border-bottom:1px solid rgba(228,238,232,.08); font-size:17px}\r\n}\r\n@media (max-width:640px){\r\n  #sx-bn{font-size:16px}\r\n  #sx-bn .sx-sec{padding:76px 0}\r\n  #sx-bn .sx-hero{padding:56px 0 80px}\r\n  #sx-bn .sx-hero h1{font-size:clamp(32px,9.5vw,42px)}\r\n  #sx-bn .sx-hero__lead{font-size:17px}\r\n  #sx-bn .sx-hero__ctas .sx-btn{flex:1 1 100%}\r\n  #sx-bn .sx-phone{width:280px; height:580px}\r\n  #sx-bn .sx-roles button{padding:9px 15px; font-size:14px}\r\n  #sx-bn .sx-bento{grid-template-columns:1fr}\r\n  #sx-bn .sx-cell{min-height:0; padding:26px}\r\n  #sx-bn .sx-proc__steps{grid-template-columns:1fr; gap:36px}\r\n  #sx-bn .sx-proc__steps li{padding:0}\r\n  #sx-bn .sx-proc__num::after{display:none}\r\n  #sx-bn .sx-plan,#sx-bn .sx-addon,#sx-bn .sx-form{padding:28px 22px; border-radius:22px}\r\n  #sx-bn .sx-form__row{grid-template-columns:1fr}\r\n  #sx-bn .sx-wrap{padding:0 18px}\r\n  #sx-bn .sx-faq summary{font-size:17px; line-height:1.3; gap:14px; padding:20px 0}\r\n  #sx-bn .sx-faq summary .sx-plus{flex-basis:30px; width:30px; height:30px; min-width:30px}\r\n  #sx-bn .sx-faq__a{padding-right:0}\r\n  #sx-bn .sx-foot__grid{grid-template-columns:1fr; gap:36px}\r\n}\r\n\/* Laptops: Hero an niedrige Bildschirmh\u00f6he anpassen *\/\r\n@media (min-width:1025px) and (max-height:900px){\r\n  #sx-bn .sx-hero{padding:48px 0 64px}\r\n  #sx-bn .sx-demo{gap:16px}\r\n  #sx-bn .sx-phone{zoom:.82}\r\n  #sx-bn .sx-roles__cap{min-height:0; font-size:14px}\r\n  #sx-bn .sx-hero__lead{font-size:18px; margin-top:20px !important}\r\n  #sx-bn .sx-hero__ctas{margin-top:28px}\r\n  #sx-bn .sx-hero__facts{margin-top:30px !important; padding-top:20px !important}\r\n}\r\n@media (min-width:1025px) and (max-height:740px){\r\n  #sx-bn .sx-hero{padding:36px 0 52px}\r\n  #sx-bn .sx-phone{zoom:.72}\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n  #sx-bn *,#sx-bn *::before,#sx-bn *::after{transition:none !important; animation:none !important}\r\n}\r\n<\/style>\r\n\r\n<div id=\"sx-bn\" lang=\"de\">\r\n\r\n  \r\n\r\n  <!-- ===== Hero ===== -->\r\n  <section class=\"sx-hero\" aria-labelledby=\"sx-bn-h1\">\r\n    <div class=\"sx-wrap sx-hero__grid\">\r\n      <div>\r\n        <span class=\"sx-pill\"><i><\/i>F\u00fcr WordPress-Shops mit Amelia<\/span>\r\n        <h1 id=\"sx-bn-h1\"><span>Ihr Amelia-<\/span><span>Buchungssystem.<\/span><span>Jetzt in der App.<\/span><\/h1>\r\n        <p class=\"sx-hero__lead\">BookNext bringt Ihren Shop aufs Smartphone: Kunden buchen Termine, Mitarbeiter verwalten ihren Kalender und Admins behalten alles im Blick. Mit Ihrem Logo und Firmennamen.<\/p>\r\n        <div class=\"sx-hero__ctas\">\r\n          <a class=\"sx-btn sx-btn--signal\" href=\"#preise\">Integration starten<\/a>\r\n          <a class=\"sx-btn sx-btn--ghost\" href=\"#ablauf\">So funktioniert\u2019s<\/a>\r\n        <\/div>\r\n        <ul class=\"sx-hero__facts\">\r\n          <li><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg>Integration in 2 Werktagen<\/li>\r\n          <li><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg>Keine neue Website n\u00f6tig<\/li>\r\n          <li><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg>Ab 13,33 \u20ac im Monat<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- data-frame=\"image\": Bilder enthalten bereits einen Handy-Rahmen.\r\n             data-frame=\"css\": Bilder sind reine Screenshots, der Rahmen wird per CSS gezeichnet. -->\r\n      <div class=\"sx-demo\" data-frame=\"image\">\r\n        <div class=\"sx-roles\" role=\"tablist\" aria-label=\"App-Ansicht w\u00e4hlen\">\r\n          <button type=\"button\" role=\"tab\" id=\"sx-bn-tab-kunde\" aria-controls=\"sx-bn-scr-kunde\" aria-selected=\"true\" data-role=\"kunde\">Kunde<\/button>\r\n          <button type=\"button\" role=\"tab\" id=\"sx-bn-tab-mitarbeiter\" aria-controls=\"sx-bn-scr-mitarbeiter\" aria-selected=\"false\" tabindex=\"-1\" data-role=\"mitarbeiter\">Mitarbeiter<\/button>\r\n          <button type=\"button\" role=\"tab\" id=\"sx-bn-tab-admin\" aria-controls=\"sx-bn-scr-admin\" aria-selected=\"false\" tabindex=\"-1\" data-role=\"admin\">Admin<\/button>\r\n        <\/div>\r\n\r\n        <div class=\"sx-phone\">\r\n          <div class=\"sx-screen\">\r\n\r\n            <!-- Kunde -->\r\n            <div class=\"sx-scr is-on\" id=\"sx-bn-scr-kunde\" role=\"tabpanel\" aria-labelledby=\"sx-bn-tab-kunde\" data-screen=\"kunde\">\r\n              <div class=\"sx-track\">\r\n                <img src=\"https:\/\/booknext.synext-it.com\/wp-content\/uploads\/2026\/11\/Customer-Dashboard-DE-1.webp\" alt=\"BookNext App: Kunden-Dashboard mit verbundenem Standort\" decoding=\"async\" fetchpriority=\"high\">\r\n                <img src=\"https:\/\/booknext.synext-it.com\/wp-content\/uploads\/2026\/11\/Customer-booking-step.webp\" alt=\"BookNext App: Ank\u00fcndigungen im Kunden-Dashboard\" decoding=\"async\" loading=\"lazy\">\r\n                <img src=\"https:\/\/booknext.synext-it.com\/wp-content\/uploads\/2026\/11\/Customer-booking-step-2.webp\" alt=\"BookNext App: Kundenansicht\" decoding=\"async\" loading=\"lazy\">\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- Mitarbeiter -->\r\n            <div class=\"sx-scr\" id=\"sx-bn-scr-mitarbeiter\" role=\"tabpanel\" aria-labelledby=\"sx-bn-tab-mitarbeiter\" data-screen=\"mitarbeiter\" aria-hidden=\"true\">\r\n              <div class=\"sx-track\">\r\n                <img src=\"https:\/\/booknext.synext-it.com\/wp-content\/uploads\/2026\/03\/Worker-features-new-img1-1.webp\" alt=\"BookNext App: Termin\u00fcbersicht f\u00fcr Mitarbeiter\" decoding=\"async\" loading=\"lazy\">\r\n                <img src=\"https:\/\/booknext.synext-it.com\/wp-content\/uploads\/2026\/03\/Worker-features-new-img3-1.webp\" alt=\"BookNext App: Kalenderansicht\" decoding=\"async\" loading=\"lazy\">\r\n                <img src=\"https:\/\/booknext.synext-it.com\/wp-content\/uploads\/2026\/03\/Worker-features-new-img2.webp\" alt=\"BookNext App: Termine verwalten als Mitarbeiter\" decoding=\"async\" loading=\"lazy\">\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- Admin -->\r\n            <div class=\"sx-scr\" id=\"sx-bn-scr-admin\" role=\"tabpanel\" aria-labelledby=\"sx-bn-tab-admin\" data-screen=\"admin\" aria-hidden=\"true\">\r\n              <div class=\"sx-track\">\r\n                <img src=\"https:\/\/booknext.synext-it.com\/wp-content\/uploads\/2026\/03\/Admin-features-new-img1-1.webp\" alt=\"BookNext App: Admin-Dashboard\" decoding=\"async\" loading=\"lazy\">\r\n                <img src=\"https:\/\/booknext.synext-it.com\/wp-content\/uploads\/2026\/03\/Admin-features-new-img2.webp\" alt=\"BookNext App: Admin-Funktionen\" decoding=\"async\" loading=\"lazy\">\r\n                <img src=\"https:\/\/booknext.synext-it.com\/wp-content\/uploads\/2026\/03\/Admin-features-new-img5.webp\" alt=\"BookNext App: Termine und Mitarbeiter verwalten\" decoding=\"async\" loading=\"lazy\">\r\n                <img src=\"https:\/\/booknext.synext-it.com\/wp-content\/uploads\/2026\/03\/Admin-features-new-img6.webp\" alt=\"BookNext App: Termine und Mitarbeiter verwalten\" decoding=\"async\" loading=\"lazy\">\r\n              <\/div>\r\n            <\/div>\r\n\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sx-dots\" role=\"group\" aria-label=\"Bild ausw\u00e4hlen\"><\/div>\r\n\r\n        <p class=\"sx-roles__cap\" aria-live=\"polite\">Kunden w\u00e4hlen Leistung, Mitarbeiter und Uhrzeit und sehen alle Termine an einem Ort.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===== Warum BookNext ===== -->\r\n  <section class=\"sx-sec sx-why\" aria-labelledby=\"sx-bn-why\">\r\n    <div class=\"sx-wrap sx-why__grid\">\r\n      <div>\r\n        <h2 class=\"sx-h2\" id=\"sx-bn-why\">Ihre Kunden haben das Smartphone schon in der Hand.<\/h2>\r\n        <p class=\"sx-intro\">Wir integrieren Ihren Amelia-Shop nahtlos in die BookNext App. Ihr Team und Ihre Kunden verwalten Termine dort, wo sie ohnehin sind. Kunden buchen schneller, und Ihre Conversion-Rate steigt sp\u00fcrbar.<\/p>\r\n        <a class=\"sx-btn sx-btn--dark\" href=\"#preise\">Jetzt starten<\/a>\r\n      <\/div>\r\n      <ul class=\"sx-why__list\">\r\n        <li>\r\n          <span class=\"sx-ico\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"6\" y=\"2.5\" width=\"12\" height=\"19\" rx=\"3\"\/><path d=\"M10.5 18.5h3\"\/><\/svg><\/span>\r\n          <div><h3>Ihr Shop in der App<\/h3><p>Ihr bestehendes Amelia-System wird mit der App verbunden. Leistungen, Mitarbeiter und Zeiten \u00fcbernehmen wir direkt aus WordPress.<\/p><\/div>\r\n        <\/li>\r\n        <li>\r\n          <span class=\"sx-ico\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3l2.6 5.3 5.9.9-4.3 4.1 1 5.8L12 16.4 6.8 19.1l1-5.8L3.5 9.2l5.9-.9z\"\/><\/svg><\/span>\r\n          <div><h3>Mit Ihrem Branding<\/h3><p>Ihr Logo und Ihr Firmenname erscheinen in der App, damit Kunden Ihren Shop sofort wiedererkennen.<\/p><\/div>\r\n        <\/li>\r\n        <li>\r\n          <span class=\"sx-ico\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3.5\" y=\"5\" width=\"17\" height=\"15.5\" rx=\"3\"\/><path d=\"M3.5 10h17M8 3v4M16 3v4\"\/><path d=\"M9 15l2 2 4-4\"\/><\/svg><\/span>\r\n          <div><h3>Alles in einer App<\/h3><p>Kunden buchen, Mitarbeiter verwalten ihre Termine, Admins organisieren den ganzen Betrieb.<\/p><\/div>\r\n        <\/li>\r\n      <\/ul>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===== Funktionen ===== -->\r\n  <section class=\"sx-sec\" id=\"funktionen\" aria-labelledby=\"sx-bn-feat\">\r\n    <div class=\"sx-wrap\">\r\n      <div class=\"sx-feat__head\">\r\n        <div>\r\n          <h2 class=\"sx-h2\" id=\"sx-bn-feat\">Was die App kann<\/h2>\r\n          <p class=\"sx-intro\">Alle Funktionen, die Sie und Ihre Kunden brauchen, synchron mit Ihrem Amelia-Backend.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"sx-bento\">\r\n        <article class=\"sx-cell sx-cell--hero\">\r\n          <h3>Buchung in vier Schritten<\/h3>\r\n          <p>Intuitiv und sicher: Ihre Kunden finden sich sofort zurecht.<\/p>\r\n          <ol class=\"sx-steps-mini\">\r\n            <li><span>1<\/span>Leistung w\u00e4hlen<\/li>\r\n            <li><span>2<\/span>Mitarbeiter w\u00e4hlen<\/li>\r\n            <li><span>3<\/span>Datum und Uhrzeit w\u00e4hlen<\/li>\r\n            <li><span>4<\/span>Termin gebucht<\/li>\r\n          <\/ol>\r\n        <\/article>\r\n\r\n        <article class=\"sx-cell sx-cell--line\">\r\n          <h3>Kalenderansicht<\/h3>\r\n          <p>Alle Termine \u00fcbersichtlich auf einen Blick.<\/p>\r\n          <div class=\"sx-cell__vis\">\r\n            <div class=\"sx-cal\" aria-hidden=\"true\">\r\n              <span class=\"d\">Mo<\/span><span class=\"d\">Di<\/span><span class=\"d\">Mi<\/span><span class=\"d\">Do<\/span><span class=\"d\">Fr<\/span><span class=\"d\">Sa<\/span><span class=\"d\">So<\/span>\r\n              <span>9<\/span><span>10<\/span><span class=\"t\">11<\/span><span class=\"b\">12<\/span><span>13<\/span><span>14<\/span><span>15<\/span>\r\n              <span>16<\/span><span class=\"b\">17<\/span><span>18<\/span><span class=\"b\">19<\/span><span>20<\/span><span>21<\/span><span>22<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"sx-cell\">\r\n          <h3>Ank\u00fcndigungen<\/h3>\r\n          <p>Im WordPress-Dashboard erstellen, mehrsprachig pflegen und sofort in allen Dashboards anzeigen.<\/p>\r\n          <div class=\"sx-cell__vis\">\r\n            <div class=\"sx-annc\">\r\n              <b>Neue \u00d6ffnungszeiten ab April<\/b>\r\n              <span>Samstags jetzt bis 16 Uhr buchbar.<\/span>\r\n              <div class=\"sx-annc__langs\"><i>DE<\/i><i>EN<\/i><\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"sx-cell\">\r\n          <h3>F\u00fcr Administratoren<\/h3>\r\n          <p>Ein Dashboard f\u00fcr das ganze System: Ank\u00fcndigungen ver\u00f6ffentlichen, Mitarbeiter und Kunden verwalten, Mitarbeiterleistung im Blick behalten.<\/p>\r\n          <ul class=\"sx-ticks\"><li>Buchen<\/li><li>Stornieren<\/li><li>Ablehnen<\/li><\/ul>\r\n        <\/article>\r\n\r\n        <article class=\"sx-cell sx-cell--line\">\r\n          <h3>F\u00fcr Mitarbeiter<\/h3>\r\n          <p>Kundenbuchungen einfach verwalten und alle zugewiesenen Termine an einem Ort sehen.<\/p>\r\n          <ul class=\"sx-ticks\"><li>Erstellen<\/li><li>Verschieben<\/li><li>Ablehnen<\/li><\/ul>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===== Ablauf ===== -->\r\n  <section class=\"sx-sec sx-dark\" id=\"ablauf\" aria-labelledby=\"sx-bn-proc\">\r\n    <div class=\"sx-wrap\">\r\n      <h2 class=\"sx-h2\" id=\"sx-bn-proc\">In vier Schritten zur App<\/h2>\r\n      <p class=\"sx-intro\">Sie installieren ein Plugin, wir erledigen den Rest.<\/p>\r\n      <ol class=\"sx-proc__steps\">\r\n        <li>\r\n          <div class=\"sx-proc__num\"><span>1<\/span><\/div>\r\n          <h3>Elite-Lizenz pr\u00fcfen<\/h3>\r\n          <p>Ihre Amelia-Installation braucht die Elite-Lizenz mit REST API. Falls nicht vorhanden, <a href=\"#contact\">helfen wir beim Erwerb<\/a> und bei der Einrichtung.<\/p>\r\n        <\/li>\r\n        <li>\r\n          <div class=\"sx-proc__num\"><span>2<\/span><\/div>\r\n          <h3>Abo abschlie\u00dfen<\/h3>\r\n          <p>Jahresabo f\u00fcr <b>159,99 \u20ac<\/b> oder Monatsabo f\u00fcr <b>19,99 \u20ac<\/b>, jeweils inkl. MwSt. Danach erhalten Sie das Konfigurations-Plugin mit Installationsanleitung.<\/p>\r\n        <\/li>\r\n        <li class=\"is-key\">\r\n          <div class=\"sx-proc__num\"><span>3<\/span><\/div>\r\n          <h3>Integration durch uns<\/h3>\r\n          <p>Nach der Plugin-Einrichtung integrieren wir Ihr Amelia-System inklusive Logo und Firmenname <b>innerhalb von 2 Werktagen<\/b>.<\/p>\r\n        <\/li>\r\n        <li>\r\n          <div class=\"sx-proc__num\"><span>4<\/span><\/div>\r\n          <h3>Starten<\/h3>\r\n          <p>Ihre Kunden buchen Termine bequem \u00fcber die App. Sie verwalten Mitarbeiter und Shop.<\/p>\r\n        <\/li>\r\n      <\/ol>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===== Preise ===== -->\r\n  <section class=\"sx-sec sx-price\" id=\"preise\" aria-labelledby=\"sx-bn-price\">\r\n    <div class=\"sx-wrap\">\r\n      <div class=\"sx-price__head\">\r\n        <h2 class=\"sx-h2\" id=\"sx-bn-price\">Ein Paket, klarer Preis<\/h2>\r\n        <p class=\"sx-intro\">Alle Funktionen in jedem Paket. Sie w\u00e4hlen nur, wie Sie zahlen.<\/p>\r\n        <div class=\"sx-billing\" role=\"group\" aria-label=\"Abrechnungszeitraum\">\r\n          <button type=\"button\" data-bill=\"m\" aria-pressed=\"false\">Monatlich<\/button>\r\n          <button type=\"button\" data-bill=\"y\" aria-pressed=\"true\">J\u00e4hrlich <em>33 % sparen<\/em><\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"sx-price__grid\">\r\n        <div class=\"sx-plan\">\r\n          <h3>BookNext Shop-Integration<\/h3>\r\n          <p class=\"sx-plan__sub\">Ihr Amelia-Shop in der BookNext App<\/p>\r\n          <div class=\"sx-plan__amount\">\r\n            <span class=\"sx-plan__num\" data-m=\"19,99 \u20ac\" data-y=\"159,99 \u20ac\">159,99 \u20ac<\/span>\r\n            <span class=\"sx-plan__per\" data-m=\"pro Monat inkl. MwSt.\" data-y=\"pro Jahr inkl. MwSt.\">pro Jahr inkl. MwSt.<\/span>\r\n          <\/div>\r\n          <p class=\"sx-plan__hint\" data-m=\"Automatische monatliche Abbuchung\" data-y=\"Entspricht 13,33 \u20ac im Monat, j\u00e4hrliche Abbuchung\">Entspricht 13,33 \u20ac im Monat, j\u00e4hrliche Abbuchung<\/p>\r\n          <ul class=\"sx-checks\">\r\n            <li><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg>Integration Ihres Shops in die BookNext App<\/li>\r\n            <li><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg>Kunden buchen und verwalten Termine \u00fcber die App<\/li>\r\n            <li><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg>Mitarbeiter und Admins managen Termine direkt in der App<\/li>\r\n            <li><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg>Ihr Firmenlogo und Firmenname in der App<\/li>\r\n          <\/ul>\r\n          <!-- Add-to-Cart wie alte Preis-Sektion: Jahr = 845, Monat = 2143. Der Umschalter blendet den passenden Button ein. -->\r\n          <a href=\"#\" class=\"sx-btn sx-btn--dark bn-add-product\" data-product-id=\"845\" data-bill-show=\"y\">Integration starten<\/a>\r\n          <a href=\"#\" class=\"sx-btn sx-btn--dark bn-add-product\" data-product-id=\"2143\" data-bill-show=\"m\" hidden>Integration starten<\/a>\r\n          <p class=\"sx-plan__fine\">Alle Preise inkl. Mehrwertsteuer<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sx-addon\">\r\n          <span class=\"sx-addon__tag\">Optional<\/span>\r\n          <h3>Einrichtungsservice<\/h3>\r\n          <p>Sie m\u00f6chten die Einrichtung nicht selbst nach Video-Anleitung durchf\u00fchren? Dann \u00fcbernehmen wir sie komplett.<\/p>\r\n          <ul class=\"sx-checks\">\r\n            <li><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg>Installation und Konfiguration des Proxy-Plugins<\/li>\r\n            <li><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg>Alle n\u00f6tigen Anpassungen in Amelia<\/li>\r\n            <li><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg>Funktionstest der kompletten Integration<\/li>\r\n            <li><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg>Sie ben\u00f6tigen nur einen tempor\u00e4ren Admin-Zugang, den Sie danach wieder entziehen<\/li>\r\n          <\/ul>\r\n          <div class=\"sx-addon__foot\">\r\n            <div class=\"sx-addon__price\">199 \u20ac<small>einmalig, inkl. MwSt.<\/small><\/div>\r\n            <a href=\"#\" class=\"sx-btn sx-btn--signal bn-add-product\" data-product-id=\"3127\">Einrichtung beauftragen<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <p class=\"sx-req\">Voraussetzung: Amelia Elite-Lizenz mit REST API. <a href=\"#contact\">Wir unterst\u00fctzen Sie beim Erwerb.<\/a><\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===== FAQ ===== -->\r\n  <section class=\"sx-sec sx-faq\" id=\"faq\" aria-labelledby=\"sx-bn-faq\">\r\n    <div class=\"sx-wrap sx-faq__grid\">\r\n      <div class=\"sx-faq__side\">\r\n        <h2 class=\"sx-h2\" id=\"sx-bn-faq\">H\u00e4ufige Fragen<\/h2>\r\n        <p class=\"sx-intro\">Ihre Frage ist nicht dabei? Schreiben Sie uns, wir helfen gern weiter.<\/p>\r\n        <a class=\"sx-btn sx-btn--line\" href=\"#contact\">Frage stellen<\/a>\r\n      <\/div>\r\n      <div>\r\n        <details open>\r\n          <summary>Ben\u00f6tige ich technische Kenntnisse?<span class=\"sx-plus\" aria-hidden=\"true\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/span><\/summary>\r\n          <div class=\"sx-faq__a\">\r\n            <p>F\u00fcr die Einrichtung von BookNext ben\u00f6tigen Sie keine technischen Kenntnisse \u2013\r\ngrundlegende Erfahrung mit Ihrem WordPress-Dashboard gen\u00fcgt, etwa um ein\r\nPlugin nach Anleitung zu installieren. Die passende Anleitung erhalten Sie\r\nals Video und als Schritt-f\u00fcr-Schritt-Dokumentation direkt in Ihrem\r\nDashboard, bei R\u00fcckfragen ist unser Support f\u00fcr Sie da.\r\n\r\nSie m\u00f6chten die Einrichtung nicht selbst \u00fcbernehmen? Dann buchen Sie unseren\r\noptionalen Einrichtungsservice f\u00fcr 199 \u20ac und wir erledigen alles f\u00fcr Sie.<\/p>\r\n            <p>Sie m\u00f6chten die Einrichtung nicht selbst \u00fcbernehmen? Dann buchen Sie unseren optionalen Einrichtungsservice f\u00fcr 199 \u20ac.<\/p>\r\n          <\/div>\r\n        <\/details>\r\n        <details>\r\n          <summary>Wie lange dauert die Einrichtung?<span class=\"sx-plus\" aria-hidden=\"true\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/span><\/summary>\r\n          <div class=\"sx-faq__a\"><p>In der Regel nur wenige Tage.<\/p><\/div>\r\n        <\/details>\r\n        <details>\r\n          <summary>Kann die App an mein Branding angepasst werden?<span class=\"sx-plus\" aria-hidden=\"true\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/span><\/summary>\r\n          <div class=\"sx-faq__a\"><p>Ja, Logo, Farben und Design werden integriert.<\/p><\/div>\r\n        <\/details>\r\n        <details>\r\n          <summary>Brauche ich eine neue Website?<span class=\"sx-plus\" aria-hidden=\"true\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/span><\/summary>\r\n          <div class=\"sx-faq__a\"><p>Nein. Wir integrieren Ihr bestehendes Amelia-Buchungssystem direkt in die App.<\/p><\/div>\r\n        <\/details>\r\n        <details>\r\n          <summary>Welche Kosten entstehen?<span class=\"sx-plus\" aria-hidden=\"true\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/span><\/summary>\r\n          <div class=\"sx-faq__a\"><p>159,99 \u20ac inkl. MwSt. pro Jahr f\u00fcr die Integration. Alternativ steht ein flexibles Monatsabo f\u00fcr 19,99 \u20ac inkl. MwSt. pro Monat zur Verf\u00fcgung. Hinzu kommt ggf. der einmalige Erwerb der Amelia Elite Lizenz.<\/p><\/div>\r\n        <\/details>\r\n        <details>\r\n          <summary>Wie schnell ist die Integration m\u00f6glich?<span class=\"sx-plus\" aria-hidden=\"true\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/span><\/summary>\r\n          <div class=\"sx-faq__a\"><p>Innerhalb von 2 Werktagen nach Zahlungseingang und Bereitstellung Ihrer Zugangsdaten.<\/p><\/div>\r\n        <\/details>\r\n        <details>\r\n          <summary>Ist die App f\u00fcr iOS verf\u00fcgbar?<span class=\"sx-plus\" aria-hidden=\"true\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/span><\/summary>\r\n          <!-- TODO: Antwort aus Ihrer aktuellen Seite \u00fcbernehmen -->\r\n          <div class=\"sx-faq__a\"><p>Ja, es ist sowohl f\u00fcr iOS als auch f\u00fcr Android verf\u00fcgbar.<\/p><\/div>\r\n        <\/details>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===== Kontakt ===== -->\r\n  <section class=\"sx-sec sx-dark\" id=\"contact\" aria-labelledby=\"sx-bn-contact\">\r\n    <div class=\"sx-wrap sx-contact__grid\">\r\n      <div>\r\n        <h2 class=\"sx-h2\" id=\"sx-bn-contact\">Starten Sie mit BookNext f\u00fcr Amelia<\/h2>\r\n        <p class=\"sx-intro\">F\u00fcllen Sie das Formular aus, wenn Sie Fragen haben oder Unterst\u00fctzung bei der Einrichtung ben\u00f6tigen.<\/p>\r\n        <div class=\"sx-contact__ways\">\r\n          <a href=\"mailto:service@booknext.synext-it.com\"><span class=\"sx-ico\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"3\"\/><path d=\"M4 7l8 6 8-6\"\/><\/svg><\/span>service@booknext.synext-it.com<\/a>\r\n          <a href=\"tel:+4917640523445\"><span class=\"sx-ico\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 4h4l2 5-2.5 1.5a11 11 0 005 5L15 13l5 2v4a2 2 0 01-2 2A16 16 0 013 6a2 2 0 012-2\"\/><\/svg><\/span>+49 1764 0523445<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Wird von booknext-contact.php verarbeitet (admin-ajax.php, action=bn_contact) -->\r\n      <form class=\"sx-form\" id=\"sx-bn-form\" action=\"\/wp-admin\/admin-ajax.php\" method=\"post\">\r\n        <input type=\"hidden\" name=\"action\" value=\"bn_contact\">\r\n        <input type=\"hidden\" name=\"bn_elapsed\" value=\"\">\r\n        <!-- Honeypot: f\u00fcr Besucher unsichtbar, Bots f\u00fcllen es aus -->\r\n        <div class=\"sx-hp\" aria-hidden=\"true\">\r\n          <label for=\"sx-bn-website\">Website<\/label>\r\n          <input type=\"text\" id=\"sx-bn-website\" name=\"bn_website\" value=\"\" tabindex=\"-1\" autocomplete=\"off\">\r\n        <\/div>\r\n        <div class=\"sx-form__row\">\r\n          <label>Vorname<input type=\"text\" name=\"vorname\" autocomplete=\"given-name\" required><\/label>\r\n          <label>E-Mail<input type=\"email\" name=\"email\" autocomplete=\"email\" required><\/label>\r\n        <\/div>\r\n        <label>Betreff<input type=\"text\" name=\"betreff\"><\/label>\r\n        <label>Ihre Nachricht<textarea name=\"nachricht\" required><\/textarea><\/label>\r\n        <p class=\"sx-form__fine\">Mit dem Absenden stimmen Sie der Verarbeitung Ihrer Angaben gem\u00e4\u00df unserer <a href=\"https:\/\/booknext.synext-it.com\/datenschutzerklaerung\/\">Datenschutzerkl\u00e4rung<\/a> zu.<\/p>\r\n        <button class=\"sx-btn sx-btn--signal\" type=\"submit\">Nachricht senden<\/button>\r\n        <p class=\"sx-form__status\" role=\"status\" aria-live=\"polite\"><\/p>\r\n        <noscript><p class=\"sx-form__fine\">Bitte aktivieren Sie JavaScript oder schreiben Sie uns direkt an service@booknext.synext-it.com.<\/p><\/noscript>\r\n      <\/form>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  \r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  var root=document.getElementById('sx-bn'); if(!root) return;\r\n\r\n  \/* Rollen-Umschalter + Bild-Slider im Hero *\/\r\n  var tabs=[].slice.call(root.querySelectorAll('.sx-roles [role=\"tab\"]'));\r\n  var screens=[].slice.call(root.querySelectorAll('.sx-scr'));\r\n  var cap=root.querySelector('.sx-roles__cap');\r\n  var dotsBox=root.querySelector('.sx-dots');\r\n  var phone=root.querySelector('.sx-phone');\r\n  var caps={\r\n    kunde:'Kunden w\u00e4hlen Leistung, Mitarbeiter und Uhrzeit und sehen alle Termine an einem Ort.',\r\n    mitarbeiter:'Mitarbeiter sehen ihre Termine pro Tag und best\u00e4tigen oder verschieben Buchungen direkt.',\r\n    admin:'Admins behalten den ganzen Betrieb im Blick und ver\u00f6ffentlichen Ank\u00fcndigungen f\u00fcr alle.'\r\n  };\r\n  var DELAY=4000;\r\n  var reduce=window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n  var cur={track:null,i:0,n:0}, timer=null, hover=false, inView=true;\r\n\r\n  function go(i){\r\n    if(!cur.track||!cur.n) return;\r\n    cur.i=(i+cur.n)%cur.n;\r\n    cur.track.style.transform='translateX('+(-100*cur.i)+'%)';\r\n    [].forEach.call(dotsBox.children,function(d,k){ d.setAttribute('aria-current',k===cur.i?'true':'false'); });\r\n  }\r\n  function stop(){ if(timer){ clearInterval(timer); timer=null; } }\r\n  function start(){\r\n    stop();\r\n    if(reduce||cur.n<2||hover||!inView||document.hidden) return;\r\n    timer=setInterval(function(){ go(cur.i+1); },DELAY);\r\n  }\r\n  function show(scr){\r\n    cur.track=scr.querySelector('.sx-track');\r\n    cur.n=cur.track.querySelectorAll('img').length;\r\n    cur.track.style.transition='none';            \/* ohne Animation auf Bild 1 zur\u00fcck *\/\r\n    cur.track.style.transform='translateX(0)';\r\n    cur.track.offsetWidth;\r\n    cur.track.style.transition='';\r\n    dotsBox.innerHTML='';\r\n    for(var k=0;k<cur.n;k++){\r\n      var d=document.createElement('button');\r\n      d.type='button';\r\n      d.setAttribute('aria-label','Bild '+(k+1)+' von '+cur.n);\r\n      d.addEventListener('click',(function(k){ return function(){ go(k); start(); }; })(k));\r\n      dotsBox.appendChild(d);\r\n    }\r\n    cur.i=0; go(0); start();\r\n  }\r\n  function setRole(key){\r\n    tabs.forEach(function(t){var on=t.getAttribute('data-role')===key; t.setAttribute('aria-selected',on); t.tabIndex=on?0:-1;});\r\n    screens.forEach(function(s){\r\n      var on=s.getAttribute('data-screen')===key;\r\n      s.classList.toggle('is-on',on); s.setAttribute('aria-hidden',!on);\r\n      if(on) show(s);\r\n    });\r\n    if(cap) cap.textContent=caps[key];\r\n  }\r\n  tabs.forEach(function(t,i){\r\n    t.addEventListener('click',function(){setRole(t.getAttribute('data-role'));});\r\n    t.addEventListener('keydown',function(e){\r\n      if(e.key!=='ArrowRight'&&e.key!=='ArrowLeft') return;\r\n      e.preventDefault();\r\n      var n=(i+(e.key==='ArrowRight'?1:-1)+tabs.length)%tabs.length;\r\n      tabs[n].focus(); setRole(tabs[n].getAttribute('data-role'));\r\n    });\r\n  });\r\n\r\n  if(phone){\r\n    \/* Wischen (Touch und Maus) *\/\r\n    var x0=null;\r\n    phone.addEventListener('pointerdown',function(e){ x0=e.clientX; });\r\n    phone.addEventListener('pointerup',function(e){\r\n      if(x0===null) return;\r\n      var dx=e.clientX-x0; x0=null;\r\n      if(Math.abs(dx)>40){ go(cur.i+(dx<0?1:-1)); start(); }\r\n    });\r\n    phone.addEventListener('pointercancel',function(){ x0=null; });\r\n    \/* Pause bei Hover *\/\r\n    phone.addEventListener('mouseenter',function(){ hover=true; stop(); });\r\n    phone.addEventListener('mouseleave',function(){ hover=false; start(); });\r\n    \/* Pause, wenn nicht sichtbar *\/\r\n    if('IntersectionObserver' in window){\r\n      new IntersectionObserver(function(en){ inView=en[0].isIntersecting; inView?start():stop(); }).observe(phone);\r\n    }\r\n    document.addEventListener('visibilitychange',function(){ document.hidden?stop():start(); });\r\n  }\r\n  var first=root.querySelector('.sx-scr.is-on');\r\n  if(first) show(first);\r\n\r\n  \/* Monatlich \/ J\u00e4hrlich: Texte tauschen + passenden Add-to-Cart-Button zeigen *\/\r\n  var bills=[].slice.call(root.querySelectorAll('.sx-billing [data-bill]'));\r\n  var swaps=[].slice.call(root.querySelectorAll('.sx-plan [data-m]'));\r\n  var cartBtns=[].slice.call(root.querySelectorAll('.sx-plan [data-bill-show]'));\r\n  bills.forEach(function(b){\r\n    b.addEventListener('click',function(){\r\n      var k=b.getAttribute('data-bill');\r\n      bills.forEach(function(x){x.setAttribute('aria-pressed',x===b);});\r\n      swaps.forEach(function(el){ el.textContent=el.getAttribute('data-'+k); });\r\n      cartBtns.forEach(function(el){ el.hidden = el.getAttribute('data-bill-show')!==k; });\r\n    });\r\n  });\r\n\r\n  \/* Kontaktformular: AJAX + Honeypot + Zeitpr\u00fcfung *\/\r\n  var form=root.querySelector('#sx-bn-form');\r\n  if(form && window.fetch && window.FormData){\r\n    var loaded=Date.now();\r\n    var status=form.querySelector('.sx-form__status');\r\n    var btn=form.querySelector('button[type=\"submit\"]');\r\n    var btnText=btn.textContent;\r\n    var fail='Die Nachricht konnte nicht gesendet werden. Bitte versuchen Sie es erneut oder schreiben Sie uns an service@booknext.synext-it.com.';\r\n    form.addEventListener('submit',function(e){\r\n      e.preventDefault();\r\n      form.querySelector('[name=\"bn_elapsed\"]').value=Math.round((Date.now()-loaded)\/1000);\r\n      btn.disabled=true; btn.textContent='Wird gesendet \u2026';\r\n      status.className='sx-form__status'; status.textContent='';\r\n      fetch(form.getAttribute('action'),{method:'POST',body:new FormData(form),credentials:'same-origin'})\r\n        .then(function(r){ return r.json().catch(function(){ return null; }); })\r\n        .then(function(res){\r\n          var ok=!!(res && res.success);\r\n          status.textContent=(res && res.data && res.data.message) || fail;\r\n          status.classList.add(ok?'is-ok':'is-error');\r\n          if(ok){ form.reset(); loaded=Date.now(); }\r\n        })\r\n        .catch(function(){ status.textContent=fail; status.classList.add('is-error'); })\r\n        .then(function(){ btn.disabled=false; btn.textContent=btnText; });\r\n    });\r\n  }\r\n\r\n  \/* Mobiles Men\u00fc *\/\r\n  var burger=root.querySelector('.sx-burger'), nav=root.querySelector('.sx-nav');\r\n  if(burger&&nav){\r\n    burger.addEventListener('click',function(){\r\n      var open=nav.classList.toggle('is-open');\r\n      burger.setAttribute('aria-expanded',open);\r\n      burger.setAttribute('aria-label',open?'Men\u00fc schlie\u00dfen':'Men\u00fc \u00f6ffnen');\r\n    });\r\n    nav.addEventListener('click',function(e){ if(e.target.tagName==='A'){nav.classList.remove('is-open'); burger.setAttribute('aria-expanded','false');} });\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>F\u00fcr WordPress-Shops mit Amelia Ihr Amelia-Buchungssystem.Jetzt in der App. BookNext bringt Ihren Shop aufs Smartphone: Kunden buchen Termine, Mitarbeiter verwalten ihren Kalender und Admins behalten alles im Blick. Mit Ihrem Logo und Firmennamen. Integration starten So funktioniert\u2019s Integration in 2 Werktagen Keine neue Website n\u00f6tig Ab 13,33 \u20ac im Monat Kunde Mitarbeiter Admin Kunden w\u00e4hlen Leistung, Mitarbeiter und Uhrzeit und sehen alle Termine an einem Ort. Ihre Kunden haben das Smartphone schon in der Hand. Wir integrieren Ihren Amelia-Shop nahtlos in die BookNext App. Ihr Team und Ihre Kunden verwalten Termine dort, wo sie ohnehin sind. Kunden buchen schneller, und Ihre Conversion-Rate steigt sp\u00fcrbar. Jetzt starten Ihr Shop in der App Ihr bestehendes Amelia-System wird mit der App verbunden. Leistungen, Mitarbeiter und Zeiten \u00fcbernehmen wir direkt aus WordPress. Mit Ihrem Branding Ihr Logo und Ihr Firmenname erscheinen in der App, damit Kunden Ihren Shop sofort wiedererkennen. Alles in einer App Kunden buchen, Mitarbeiter verwalten ihre Termine, Admins organisieren den ganzen Betrieb. Was die App kann Alle Funktionen, die Sie und Ihre Kunden brauchen, synchron mit Ihrem Amelia-Backend. Buchung in vier Schritten Intuitiv und sicher: Ihre Kunden finden sich sofort zurecht. 1Leistung w\u00e4hlen 2Mitarbeiter w\u00e4hlen 3Datum und Uhrzeit w\u00e4hlen 4Termin gebucht Kalenderansicht Alle Termine \u00fcbersichtlich auf einen Blick. MoDiMiDoFrSaSo 9101112131415 16171819202122 Ank\u00fcndigungen Im WordPress-Dashboard erstellen, mehrsprachig pflegen und sofort in allen Dashboards anzeigen. Neue \u00d6ffnungszeiten ab April Samstags jetzt bis 16 Uhr buchbar. DEEN F\u00fcr Administratoren Ein Dashboard f\u00fcr das ganze System: Ank\u00fcndigungen ver\u00f6ffentlichen, Mitarbeiter und Kunden verwalten, Mitarbeiterleistung im Blick behalten. Buchen Stornieren Ablehnen F\u00fcr Mitarbeiter Kundenbuchungen einfach verwalten und alle zugewiesenen Termine an einem Ort sehen. Erstellen Verschieben Ablehnen In vier Schritten zur App Sie installieren ein Plugin, wir erledigen den Rest. 1 Elite-Lizenz pr\u00fcfen Ihre Amelia-Installation braucht die Elite-Lizenz mit REST API. Falls nicht vorhanden, helfen wir beim Erwerb und bei der Einrichtung. 2 Abo abschlie\u00dfen Jahresabo f\u00fcr 159,99 \u20ac oder Monatsabo f\u00fcr 19,99 \u20ac, jeweils inkl. MwSt. Danach erhalten Sie das Konfigurations-Plugin mit Installationsanleitung. 3 Integration durch uns Nach der Plugin-Einrichtung integrieren wir Ihr Amelia-System inklusive Logo und Firmenname innerhalb von 2 Werktagen. 4 Starten Ihre Kunden buchen Termine bequem \u00fcber die App. Sie verwalten Mitarbeiter und Shop. Ein Paket, klarer Preis Alle Funktionen in jedem Paket. Sie w\u00e4hlen nur, wie Sie zahlen. Monatlich J\u00e4hrlich 33 % sparen BookNext Shop-Integration Ihr Amelia-Shop in der BookNext App 159,99 \u20ac pro Jahr inkl. MwSt. Entspricht 13,33 \u20ac im Monat, j\u00e4hrliche Abbuchung Integration Ihres Shops in die BookNext App Kunden buchen und verwalten Termine \u00fcber die App Mitarbeiter und Admins managen Termine direkt in der App Ihr Firmenlogo und Firmenname in der App Integration starten Integration starten Alle Preise inkl. Mehrwertsteuer Optional Einrichtungsservice Sie m\u00f6chten die Einrichtung nicht selbst nach Video-Anleitung durchf\u00fchren? Dann \u00fcbernehmen wir sie komplett. Installation und Konfiguration des Proxy-Plugins Alle n\u00f6tigen Anpassungen in Amelia Funktionstest der kompletten Integration Sie ben\u00f6tigen nur einen tempor\u00e4ren Admin-Zugang, den Sie danach wieder entziehen 199 \u20aceinmalig, inkl. MwSt. Einrichtung beauftragen Voraussetzung: Amelia Elite-Lizenz mit REST API. Wir unterst\u00fctzen Sie beim Erwerb. H\u00e4ufige Fragen Ihre Frage ist nicht dabei? Schreiben Sie uns, wir helfen gern weiter. Frage stellen Ben\u00f6tige ich technische Kenntnisse? F\u00fcr die Einrichtung von BookNext ben\u00f6tigen Sie keine technischen Kenntnisse \u2013 grundlegende Erfahrung mit Ihrem WordPress-Dashboard gen\u00fcgt, etwa um ein Plugin nach Anleitung zu installieren. Die passende Anleitung erhalten Sie als Video und als Schritt-f\u00fcr-Schritt-Dokumentation direkt in Ihrem Dashboard, bei R\u00fcckfragen ist unser Support f\u00fcr Sie da. Sie m\u00f6chten die Einrichtung nicht selbst \u00fcbernehmen? Dann buchen Sie unseren optionalen Einrichtungsservice f\u00fcr 199 \u20ac und wir erledigen alles f\u00fcr Sie. Sie m\u00f6chten die Einrichtung nicht selbst \u00fcbernehmen? Dann buchen Sie unseren optionalen Einrichtungsservice f\u00fcr 199 \u20ac. Wie lange dauert die Einrichtung? In der Regel nur wenige Tage. Kann die App an mein Branding angepasst werden? Ja, Logo, Farben und Design werden integriert. Brauche ich eine neue Website? Nein. Wir integrieren Ihr bestehendes Amelia-Buchungssystem direkt in die App. Welche Kosten entstehen? 159,99 \u20ac inkl. MwSt. pro Jahr f\u00fcr die Integration. Alternativ steht ein flexibles Monatsabo f\u00fcr 19,99 \u20ac inkl. MwSt. pro Monat zur Verf\u00fcgung. Hinzu kommt ggf. der einmalige Erwerb der Amelia Elite Lizenz. Wie schnell ist die Integration m\u00f6glich? Innerhalb von 2 Werktagen nach Zahlungseingang und Bereitstellung Ihrer Zugangsdaten. Ist die App f\u00fcr iOS verf\u00fcgbar? Ja, es ist sowohl f\u00fcr iOS als auch f\u00fcr Android verf\u00fcgbar. Starten Sie mit BookNext f\u00fcr Amelia F\u00fcllen Sie das Formular aus, wenn Sie Fragen haben oder Unterst\u00fctzung bei der Einrichtung ben\u00f6tigen. service@booknext.synext-it.com +49 1764 0523445 Website Vorname E-Mail Betreff Ihre Nachricht Mit dem Absenden stimmen Sie der Verarbeitung Ihrer Angaben gem\u00e4\u00df unserer Datenschutzerkl\u00e4rung zu. Nachricht senden Bitte aktivieren Sie JavaScript oder schreiben Sie uns direkt an service@booknext.synext-it.com.<\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3299","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/booknext.synext-it.com\/en\/wp-json\/wp\/v2\/pages\/3299","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/booknext.synext-it.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/booknext.synext-it.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/booknext.synext-it.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/booknext.synext-it.com\/en\/wp-json\/wp\/v2\/comments?post=3299"}],"version-history":[{"count":50,"href":"https:\/\/booknext.synext-it.com\/en\/wp-json\/wp\/v2\/pages\/3299\/revisions"}],"predecessor-version":[{"id":3385,"href":"https:\/\/booknext.synext-it.com\/en\/wp-json\/wp\/v2\/pages\/3299\/revisions\/3385"}],"wp:attachment":[{"href":"https:\/\/booknext.synext-it.com\/en\/wp-json\/wp\/v2\/media?parent=3299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}