{"id":1898,"date":"2026-09-05T01:30:36","date_gmt":"2026-09-04T23:30:36","guid":{"rendered":"https:\/\/www.webbysisters.com\/?page_id=1898"},"modified":"2026-10-13T19:05:13","modified_gmt":"2026-10-13T17:05:13","slug":"bookup","status":"publish","type":"page","link":"https:\/\/www.webbysisters.com\/en\/bookup\/","title":{"rendered":"BookUp"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1898\" class=\"elementor elementor-1898\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ccff41d e-con-full e-flex e-con e-parent\" data-id=\"ccff41d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d08ee8 elementor-widget elementor-widget-html\" data-id=\"7d08ee8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n#bookup-hero{\r\n  --green:#123f35;\r\n  --green-dark:#0d332b;\r\n  --gold:#b99858;\r\n  --white:#ffffff;\r\n  --text:#34423e;\r\n\r\n  position:relative;\r\n  width:100%;\r\n  min-height:680px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,1) 0%,\r\n      rgba(255,255,255,.98) 39%,\r\n      rgba(255,255,255,.60) 57%,\r\n      rgba(255,255,255,.08) 76%\r\n    ),\r\n    url(\"https:\/\/www.webbysisters.com\/wp-content\/uploads\/2026\/09\/BookUp-hero-transparent-01.png\")\r\n    center right \/ cover no-repeat;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  overflow:hidden;\r\n}\r\n\r\n#bookup-hero *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n#bookup-hero .bookup-hero-inner{\r\n  width:min(1180px,calc(100% - 56px));\r\n  margin:0 auto;\r\n  position:relative;\r\n  z-index:2;\r\n}\r\n\r\n#bookup-hero .bookup-hero-content{\r\n  width:54%;\r\n  max-width:650px;\r\n  padding:70px 0;\r\n}\r\n\r\n#bookup-hero .bookup-hero-kicker{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:28px;\r\n\r\n  margin:0 0 22px;\r\n\r\n  color:var(--gold);\r\n\r\n  font-size:12px;\r\n  line-height:1.45;\r\n  font-weight:600;\r\n  letter-spacing:.18em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n#bookup-hero .bookup-hero-kicker::after{\r\n  content:\"\";\r\n\r\n  width:58px;\r\n  height:1px;\r\n  flex:0 0 58px;\r\n\r\n  background:var(--gold);\r\n}\r\n\r\n#bookup-hero .bookup-hero-title{\r\n  margin:0 0 28px;\r\n\r\n  color:var(--green);\r\n\r\n  font-family:\r\n    var(--e-global-typography-primary-font-family),\r\n    Georgia,\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size:clamp(52px,5vw,76px);\r\n  line-height:1.02;\r\n  letter-spacing:-.025em;\r\n  font-weight:400;\r\n}\r\n\r\n#bookup-hero .bookup-hero-title .gold{\r\n  color:var(--gold);\r\n}\r\n\r\n#bookup-hero .bookup-hero-text{\r\n  max-width:590px;\r\n\r\n  margin:0 0 20px;\r\n\r\n  color:var(--text);\r\n\r\n  font-size:19px;\r\n  line-height:1.55;\r\n}\r\n\r\n#bookup-hero .bookup-hero-benefit{\r\n  margin:0 0 34px;\r\n\r\n  color:var(--green);\r\n\r\n  font-size:18px;\r\n  line-height:1.45;\r\n  font-weight:700;\r\n}\r\n\r\n#bookup-hero .bookup-hero-actions{\r\n  display:flex;\r\n  align-items:center;\r\n}\r\n\r\n#bookup-hero .bookup-btn-primary{\r\n  min-height:54px;\r\n  padding:0 30px;\r\n\r\n  border-radius:30px;\r\n\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:16px;\r\n\r\n  background:var(--green);\r\n  border:1px solid var(--green);\r\n\r\n  color:#ffffff !important;\r\n\r\n  text-decoration:none !important;\r\n\r\n  font-size:15px;\r\n  font-weight:700;\r\n\r\n  transition:.2s ease;\r\n}\r\n\r\n#bookup-hero .bookup-btn-primary span{\r\n  color:var(--gold);\r\n  font-size:20px;\r\n}\r\n\r\n#bookup-hero .bookup-btn-primary:hover{\r\n  background:var(--green-dark);\r\n  transform:translateY(-2px);\r\n}\r\n\r\n\r\n\/* TABLET *\/\r\n\r\n@media(max-width:900px){\r\n\r\n  #bookup-hero{\r\n    min-height:620px;\r\n\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(255,255,255,1) 0%,\r\n        rgba(255,255,255,.98) 55%,\r\n        rgba(255,255,255,.48) 78%\r\n      ),\r\n      url(\"https:\/\/www.webbysisters.com\/wp-content\/uploads\/2026\/09\/BookUp-hero-transparent-01.png\")\r\n      center right \/ cover no-repeat;\r\n  }\r\n\r\n  #bookup-hero .bookup-hero-inner{\r\n    width:calc(100% - 40px);\r\n  }\r\n\r\n  #bookup-hero .bookup-hero-content{\r\n    width:65%;\r\n    padding:55px 0;\r\n  }\r\n\r\n  #bookup-hero .bookup-hero-title{\r\n    font-size:56px;\r\n  }\r\n}\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:600px){\r\n\r\n  #bookup-hero{\r\n    display:block;\r\n\r\n    min-height:0;\r\n    height:auto;\r\n\r\n    background:#ffffff;\r\n\r\n    overflow:hidden;\r\n  }\r\n\r\n  #bookup-hero .bookup-hero-inner{\r\n    width:100%;\r\n    margin:0;\r\n    padding:0;\r\n  }\r\n\r\n  #bookup-hero .bookup-hero-content{\r\n    width:100%;\r\n    max-width:none;\r\n\r\n    margin:0;\r\n\r\n    padding:\r\n      42px\r\n      28px\r\n      330px;\r\n    \r\n    position:relative;\r\n  }\r\n\r\n  #bookup-hero .bookup-hero-content::after{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:0;\r\n    right:0;\r\n    bottom:0;\r\n\r\n    height:290px;\r\n\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        #ffffff 0%,\r\n        rgba(255,255,255,.20) 18%,\r\n        rgba(255,255,255,0) 40%\r\n      ),\r\n      url(\"https:\/\/www.webbysisters.com\/wp-content\/uploads\/2026\/09\/BookUp-hero-transparent-01.png\");\r\n\r\n    background-size:cover;\r\n    background-position:center right;\r\n    background-repeat:no-repeat;\r\n\r\n    z-index:0;\r\n  }\r\n\r\n  #bookup-hero .bookup-hero-kicker,\r\n  #bookup-hero .bookup-hero-title,\r\n  #bookup-hero .bookup-hero-text,\r\n  #bookup-hero .bookup-hero-benefit,\r\n  #bookup-hero .bookup-hero-actions{\r\n    position:relative;\r\n    z-index:2;\r\n  }\r\n\r\n  #bookup-hero .bookup-hero-kicker{\r\n    margin-bottom:20px;\r\n    gap:16px;\r\n\r\n    font-size:10px;\r\n    line-height:1.45;\r\n    letter-spacing:.16em;\r\n  }\r\n\r\n  #bookup-hero .bookup-hero-kicker::after{\r\n    width:36px;\r\n    flex-basis:36px;\r\n  }\r\n\r\n  #bookup-hero .bookup-hero-title{\r\n    margin-bottom:24px;\r\n\r\n    font-size:46px;\r\n    line-height:1.04;\r\n    letter-spacing:-.025em;\r\n  }\r\n\r\n  #bookup-hero .bookup-hero-text{\r\n    max-width:none;\r\n\r\n    margin-bottom:18px;\r\n\r\n    font-size:17px;\r\n    line-height:1.5;\r\n  }\r\n\r\n  #bookup-hero .bookup-hero-benefit{\r\n    margin-bottom:28px;\r\n\r\n    font-size:17px;\r\n    line-height:1.42;\r\n  }\r\n\r\n  #bookup-hero .bookup-hero-actions{\r\n    display:block;\r\n  }\r\n\r\n  #bookup-hero .bookup-btn-primary{\r\n    width:100%;\r\n    min-height:52px;\r\n\r\n    padding:0 20px;\r\n\r\n    font-size:15px;\r\n  }\r\n}\r\n\r\n\r\n\/* KLEINE HANDYS *\/\r\n\r\n@media(max-width:390px){\r\n\r\n  #bookup-hero .bookup-hero-content{\r\n    padding:\r\n      36px\r\n      22px\r\n      300px;\r\n  }\r\n\r\n  #bookup-hero .bookup-hero-content::after{\r\n    height:260px;\r\n  }\r\n\r\n  #bookup-hero .bookup-hero-title{\r\n    font-size:41px;\r\n  }\r\n\r\n  #bookup-hero .bookup-hero-text{\r\n    font-size:16px;\r\n  }\r\n\r\n  #bookup-hero .bookup-hero-benefit{\r\n    font-size:16px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<section id=\"bookup-hero\">\r\n\r\n  <div class=\"bookup-hero-inner\">\r\n\r\n    <div class=\"bookup-hero-content\">\r\n\r\n\r\n      <div class=\"bookup-hero-kicker\">\r\n        Our own online booking system, built for you\r\n      <\/div>\r\n\r\n\r\n      <h1 class=\"bookup-hero-title\">\r\n\r\n        Online booking<br>\r\n\r\n        that gives you\r\n        <span class=\"gold\">\r\n          time back.\r\n        <\/span>\r\n\r\n      <\/h1>\r\n\r\n\r\n      <p class=\"bookup-hero-text\">\r\n\r\n        Your clients book on their own \u2013 24\/7, no app and no account needed.\r\n\r\n      <\/p>\r\n\r\n\r\n      <p class=\"bookup-hero-benefit\">\r\n\r\n        More time for your clients.<br>\r\n        Less time on the phone.\r\n\r\n      <\/p>\r\n\r\n\r\n      <div class=\"bookup-hero-actions\">\r\n\r\n        <a\r\n          class=\"bookup-btn-primary\"\r\n          href=\"\/en\/kontakt\/\"\r\n        >\r\n          Request BookUp \u2013 no obligation\r\n          <span>\u2192<\/span>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section><style>@media(min-width:768px){body.page-id-1898 main h1,body.page-id-1898 main h1 span{font-size:46px!important;line-height:1.14!important}body.page-id-1898 main h2,body.page-id-1898 main h2 span{font-size:32px!important;line-height:1.22!important}body.page-id-1898 main h3{font-size:22px!important;line-height:1.3!important}#bookup-hero{min-height:560px!important}#bookup-hero .bookup-hero-content{padding:50px 0!important}#bookup-hero .bookup-hero-text{font-size:17px!important}}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c785018 elementor-widget elementor-widget-html\" data-id=\"c785018\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n#bookup-vorteile{\r\n  --green:#123f35;\r\n  --green-dark:#0d332b;\r\n  --gold:#b99858;\r\n  --white:#ffffff;\r\n  --text:#3e4744;\r\n\r\n  background:var(--white);\r\n  padding:70px 0 72px;\r\n}\r\n\r\n#bookup-vorteile *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n#bookup-vorteile .bookup-vorteile-wrap{\r\n  width:min(1180px,calc(100% - 56px));\r\n  margin:0 auto;\r\n}\r\n\r\n\r\n\/* \u00dcBERSCHRIFT *\/\r\n\r\n#bookup-vorteile .bookup-vorteile-heading{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:18px;\r\n\r\n  margin:0 0 52px;\r\n\r\n  font-family:\r\n    var(--e-global-typography-primary-font-family),\r\n    Georgia,\r\n    serif;\r\n\r\n  color:var(--green);\r\n  font-size:32px;\r\n  line-height:1.2;\r\n  font-weight:400;\r\n  text-align:center;\r\n}\r\n\r\n#bookup-vorteile .bookup-vorteile-heading::before,\r\n#bookup-vorteile .bookup-vorteile-heading::after{\r\n  content:\"\";\r\n  width:56px;\r\n  height:1px;\r\n  flex:0 0 56px;\r\n  background:var(--gold);\r\n}\r\n\r\n#bookup-vorteile .bookup-vorteile-heading .bookup-gold{\r\n  color:var(--gold);\r\n  font-weight:600;\r\n}\r\n\r\n\r\n\/* 4 VORTEILE *\/\r\n\r\n#bookup-vorteile .bookup-vorteile-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n  gap:28px;\r\n}\r\n\r\n#bookup-vorteile .bookup-vorteil{\r\n  position:relative;\r\n  text-align:center;\r\n  padding:10px 16px 14px;\r\n}\r\n\r\n#bookup-vorteile .bookup-vorteil::after{\r\n  content:\"\";\r\n  display:block;\r\n  width:34px;\r\n  height:1px;\r\n  margin:22px auto 0;\r\n  background:rgba(185,152,88,.55);\r\n}\r\n\r\n#bookup-vorteile .bookup-icon{\r\n  width:68px;\r\n  height:68px;\r\n  margin:0 auto 20px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  color:var(--green);\r\n}\r\n\r\n#bookup-vorteile .bookup-icon svg{\r\n  width:54px;\r\n  height:54px;\r\n  display:block;\r\n  stroke:currentColor;\r\n  stroke-width:1.7;\r\n  fill:none;\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n}\r\n\r\n#bookup-vorteile .bookup-vorteil h3{\r\n  margin:0 0 9px;\r\n  color:var(--green);\r\n  font-size:19px;\r\n  line-height:1.3;\r\n  font-weight:700;\r\n}\r\n\r\n#bookup-vorteile .bookup-vorteil p{\r\n  margin:0 auto;\r\n  max-width:235px;\r\n  color:var(--text);\r\n  font-size:15px;\r\n  line-height:1.5;\r\n}\r\n\r\n\r\n\/* TABLET *\/\r\n\r\n@media(max-width:900px){\r\n\r\n  #bookup-vorteile{\r\n    padding:58px 0;\r\n  }\r\n\r\n  #bookup-vorteile .bookup-vorteile-wrap{\r\n    width:min(720px,calc(100% - 40px));\r\n  }\r\n\r\n  #bookup-vorteile .bookup-vorteile-heading{\r\n    font-size:29px;\r\n    margin-bottom:44px;\r\n  }\r\n\r\n  #bookup-vorteile .bookup-vorteile-grid{\r\n    grid-template-columns:repeat(2,1fr);\r\n    gap:42px 28px;\r\n  }\r\n}\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:600px){\r\n\r\n  #bookup-vorteile{\r\n    padding:46px 0 44px;\r\n    background:#ffffff;\r\n  }\r\n\r\n  #bookup-vorteile .bookup-vorteile-wrap{\r\n    width:calc(100% - 48px);\r\n  }\r\n\r\n  #bookup-vorteile .bookup-vorteile-heading{\r\n    display:block;\r\n\r\n    position:relative;\r\n\r\n    margin:0 0 30px;\r\n    padding:0 0 0 55px;\r\n\r\n    font-size:29px;\r\n    line-height:1.18;\r\n    font-weight:400;\r\n\r\n    text-align:left;\r\n  }\r\n\r\n  #bookup-vorteile .bookup-vorteile-heading::before{\r\n    position:absolute;\r\n    left:0;\r\n    top:17px;\r\n\r\n    width:38px;\r\n    height:1px;\r\n\r\n    background:var(--gold);\r\n  }\r\n\r\n  #bookup-vorteile .bookup-vorteile-heading::after{\r\n    display:none;\r\n  }\r\n\r\n  #bookup-vorteile .bookup-vorteile-heading .bookup-gold{\r\n    color:var(--gold);\r\n    font-weight:600;\r\n  }\r\n\r\n  #bookup-vorteile .bookup-vorteile-grid{\r\n    display:block;\r\n  }\r\n\r\n  #bookup-vorteile .bookup-vorteil{\r\n    display:grid;\r\n    grid-template-columns:52px 1fr;\r\n    gap:17px;\r\n    align-items:center;\r\n\r\n    padding:19px 0;\r\n\r\n    text-align:left;\r\n  }\r\n\r\n  #bookup-vorteile .bookup-vorteil::after{\r\n    display:none;\r\n  }\r\n\r\n  #bookup-vorteile .bookup-vorteil + .bookup-vorteil{\r\n    border-top:1px solid rgba(185,152,88,.28);\r\n  }\r\n\r\n  #bookup-vorteile .bookup-icon{\r\n    width:48px;\r\n    height:48px;\r\n    margin:0;\r\n  }\r\n\r\n  #bookup-vorteile .bookup-icon svg{\r\n    width:40px;\r\n    height:40px;\r\n    stroke-width:1.65;\r\n  }\r\n\r\n  #bookup-vorteile .bookup-vorteil h3{\r\n    margin:0 0 4px;\r\n\r\n    font-size:17px;\r\n    line-height:1.25;\r\n  }\r\n\r\n  #bookup-vorteile .bookup-vorteil p{\r\n    max-width:none;\r\n    margin:0;\r\n\r\n    font-size:15px;\r\n    line-height:1.4;\r\n  }\r\n}\r\n\r\n\r\n\/* KLEINE HANDYS *\/\r\n\r\n@media(max-width:390px){\r\n\r\n  #bookup-vorteile .bookup-vorteile-wrap{\r\n    width:calc(100% - 40px);\r\n  }\r\n\r\n  #bookup-vorteile .bookup-vorteile-heading{\r\n    padding-left:48px;\r\n    font-size:27px;\r\n  }\r\n\r\n  #bookup-vorteile .bookup-vorteile-heading::before{\r\n    width:32px;\r\n    top:16px;\r\n  }\r\n\r\n  #bookup-vorteile .bookup-vorteil{\r\n    grid-template-columns:46px 1fr;\r\n    gap:14px;\r\n    padding:17px 0;\r\n  }\r\n\r\n  #bookup-vorteile .bookup-icon{\r\n    width:44px;\r\n    height:44px;\r\n  }\r\n\r\n  #bookup-vorteile .bookup-icon svg{\r\n    width:36px;\r\n    height:36px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<section id=\"bookup-vorteile\">\r\n\r\n  <div class=\"bookup-vorteile-wrap\">\r\n\r\n\r\n    <h2 class=\"bookup-vorteile-heading\">\r\n      How easy <span class=\"bookup-gold\">BookUp<\/span> is for your clients\r\n    <\/h2>\r\n\r\n\r\n    <div class=\"bookup-vorteile-grid\">\r\n\r\n\r\n      <div class=\"bookup-vorteil\">\r\n\r\n        <div class=\"bookup-icon\">\r\n          <svg viewbox=\"0 0 64 64\" aria-hidden=\"true\">\r\n            <circle cx=\"32\" cy=\"32\" r=\"25\"><\/circle>\r\n            <path d=\"M32 17v17l11 7\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div>\r\n          <h3>Bookable 24\/7<\/h3>\r\n          <p>Your clients book whenever it suits them.<\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"bookup-vorteil\">\r\n\r\n        <div class=\"bookup-icon\">\r\n          <svg viewbox=\"0 0 64 64\" aria-hidden=\"true\">\r\n            <circle cx=\"32\" cy=\"32\" r=\"25\"><\/circle>\r\n            <path d=\"M20 32l8 8 17-18\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div>\r\n          <h3>Instantly confirmed<\/h3>\r\n          <p>Direct confirmation by email or WhatsApp.<\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"bookup-vorteil\">\r\n\r\n        <div class=\"bookup-icon\">\r\n          <svg viewbox=\"0 0 64 64\" aria-hidden=\"true\">\r\n            <rect x=\"21\" y=\"11\" width=\"22\" height=\"42\" rx=\"4\"><\/rect>\r\n            <path d=\"M27 16h10\"><\/path>\r\n            <path d=\"M17 13l30 38\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div>\r\n          <h3>No app needed<\/h3>\r\n          <p>No download. Just open the booking link.<\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"bookup-vorteil\">\r\n\r\n        <div class=\"bookup-icon\">\r\n          <svg viewbox=\"0 0 64 64\" aria-hidden=\"true\">\r\n            <circle cx=\"32\" cy=\"23\" r=\"9\"><\/circle>\r\n            <path d=\"M16 52c2-11 8-17 16-17s14 6 16 17\"><\/path>\r\n            <path d=\"M15 13l34 38\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div>\r\n          <h3>No client account<\/h3>\r\n          <p>Book without registering.<\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cbcdec8 elementor-widget elementor-widget-html\" data-id=\"cbcdec8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n#bookup-zeit {\r\n    --green: #123f35;\r\n    --green-dark: #0d332b;\r\n    --gold: #b99858;\r\n    --white: #ffffff;\r\n    --text: #34423e;\r\n    background: var(--white);\r\n    overflow: hidden;\r\n}\r\n\r\n#bookup-zeit * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#bookup-zeit .bookup-zeit-wrap {\r\n    width: min(1180px, calc(100% - 56px));\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 46% 54%;\r\n    align-items: stretch;\r\n}\r\n\r\n#bookup-zeit .bookup-zeit-copy {\r\n    padding: 65px 45px 65px 0;\r\n    position: relative;\r\n    z-index: 3;\r\n}\r\n\r\n#bookup-zeit .bookup-zeit-kicker {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    margin-bottom: 16px;\r\n    color: var(--green);\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: .18em;\r\n    text-transform: uppercase;\r\n}\r\n\r\n#bookup-zeit .bookup-zeit-kicker::after {\r\n    content: \"\";\r\n    width: 52px;\r\n    height: 1px;\r\n    background: var(--gold);\r\n}\r\n\r\n#bookup-zeit .bookup-zeit-title {\r\n    margin: 0 0 22px;\r\n    font-family: var(--e-global-typography-primary-font-family), Georgia, serif;\r\n    font-size: clamp(40px, 4vw, 56px);\r\n    line-height: 1.06;\r\n    font-weight: 400;\r\n    color: var(--green);\r\n}\r\n\r\n#bookup-zeit .bookup-zeit-title .gold {\r\n    color: var(--gold);\r\n}\r\n\r\n#bookup-zeit .bookup-brand {\r\n    font-weight: 700;\r\n}\r\n\r\n#bookup-zeit .bookup-zeit-calculation {\r\n    margin: 22px 0;\r\n    padding-left: 18px;\r\n    border-left: 2px solid var(--gold);\r\n    color: var(--green);\r\n    font-size: 18px;\r\n    line-height: 1.45;\r\n    font-weight: 600;\r\n}\r\n\r\n#bookup-zeit .bookup-zeit-text {\r\n    margin: 0 0 12px;\r\n    color: var(--text);\r\n    font-size: 17px;\r\n    line-height: 1.52;\r\n}\r\n\r\n#bookup-zeit .bookup-zeit-highlight {\r\n    margin-top: 18px;\r\n    color: var(--green);\r\n    font-size: 18px;\r\n    line-height: 1.4;\r\n    font-weight: 700;\r\n}\r\n\r\n#bookup-zeit .bookup-zeit-visual {\r\n    position: relative;\r\n    min-height: 520px;\r\n    overflow: hidden;\r\n}\r\n\r\n#bookup-zeit .bookup-zeit-image {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center right;\r\n    z-index: 1;\r\n}\r\n\r\n#bookup-zeit .bookup-zeit-visual::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 2;\r\n    background: linear-gradient(\r\n        90deg,\r\n        #ffffff 0%,\r\n        rgba(255,255,255,.82) 7%,\r\n        rgba(255,255,255,.25) 20%,\r\n        rgba(255,255,255,0) 34%\r\n    );\r\n    pointer-events: none;\r\n}\r\n\r\n#bookup-zeit .bookup-hours {\r\n    position: absolute;\r\n    z-index: 4;\r\n    top: 48px;\r\n    left: 28px;\r\n    text-align: left;\r\n    color: var(--green);\r\n}\r\n\r\n#bookup-zeit .bookup-hours-number {\r\n    display: block;\r\n    font-family: var(--e-global-typography-primary-font-family), Georgia, serif;\r\n    font-size: 78px;\r\n    line-height: .9;\r\n    color: var(--gold);\r\n}\r\n\r\n#bookup-zeit .bookup-hours-label {\r\n    display: block;\r\n    margin-top: 8px;\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n}\r\n\r\n#bookup-zeit .bookup-hours-sub {\r\n    display: block;\r\n    margin-top: 3px;\r\n    font-family: var(--e-global-typography-primary-font-family), Georgia, serif;\r\n    font-size: 18px;\r\n    font-style: italic;\r\n}\r\n\r\n#bookup-zeit .bookup-time-benefits {\r\n    position: absolute;\r\n    z-index: 5;\r\n    left: 28px;\r\n    top: 250px;\r\n    width: 235px;\r\n    padding: 18px;\r\n    background: rgba(255,255,255,.94);\r\n    border: 1px solid rgba(185,152,88,.32);\r\n    border-radius: 14px;\r\n    box-shadow: 0 12px 28px rgba(18,63,53,.08);\r\n    backdrop-filter: blur(6px);\r\n}\r\n\r\n#bookup-zeit .bookup-time-benefit {\r\n    display: grid;\r\n    grid-template-columns: 28px 1fr;\r\n    gap: 10px;\r\n}\r\n\r\n#bookup-zeit .bookup-time-benefit + .bookup-time-benefit {\r\n    margin-top: 17px;\r\n}\r\n\r\n#bookup-zeit .bookup-time-icon {\r\n    width: 28px;\r\n    height: 28px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: var(--gold);\r\n    color: #ffffff;\r\n    font-size: 13px;\r\n}\r\n\r\n#bookup-zeit .bookup-time-benefit span {\r\n    display: block;\r\n    margin-top: 2px;\r\n    color: var(--text);\r\n    font-size: 12px;\r\n    line-height: 1.35;\r\n}\r\n\r\n@media screen and (max-width: 900px) {\r\n    #bookup-zeit .bookup-zeit-wrap {\r\n        width: min(720px, calc(100% - 34px));\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    #bookup-zeit .bookup-zeit-copy {\r\n        padding: 50px 0 35px;\r\n    }\r\n\r\n    #bookup-zeit .bookup-zeit-visual {\r\n        min-height: 470px;\r\n    }\r\n}\r\n\r\n@media screen and (max-width: 560px) {\r\n    #bookup-zeit .bookup-zeit-wrap {\r\n        width: calc(100% - 28px);\r\n    }\r\n\r\n    #bookup-zeit .bookup-zeit-copy {\r\n        padding: 42px 0 28px;\r\n    }\r\n\r\n    #bookup-zeit .bookup-zeit-title {\r\n        font-size: 40px;\r\n    }\r\n\r\n    #bookup-zeit .bookup-zeit-visual {\r\n        min-height: 520px;\r\n    }\r\n\r\n    #bookup-zeit .bookup-zeit-image {\r\n        object-fit: cover;\r\n        object-position: 78% center;\r\n    }\r\n\r\n    #bookup-zeit .bookup-zeit-visual::after {\r\n        background: linear-gradient(\r\n            180deg,\r\n            rgba(13,51,43,.42) 0%,\r\n            rgba(13,51,43,.20) 24%,\r\n            rgba(13,51,43,.04) 45%,\r\n            rgba(13,51,43,0) 58%\r\n        );\r\n    }\r\n\r\n    #bookup-zeit .bookup-hours {\r\n        top: 27px;\r\n        left: 0;\r\n        right: 0;\r\n        width: 100%;\r\n        text-align: center;\r\n        color: #ffffff;\r\n        text-shadow: 0 2px 9px rgba(0,0,0,.35);\r\n    }\r\n\r\n    #bookup-zeit .bookup-hours-number {\r\n        font-size: 76px;\r\n        line-height: .88;\r\n        font-weight: 500;\r\n        color: #ffffff;\r\n        text-shadow: 0 2px 10px rgba(0,0,0,.38);\r\n    }\r\n\r\n    #bookup-zeit .bookup-hours-label {\r\n        margin-top: 10px;\r\n        color: #ffffff;\r\n        font-size: 21px;\r\n        line-height: 1.1;\r\n        font-weight: 700;\r\n        letter-spacing: .07em;\r\n        text-shadow: 0 2px 7px rgba(0,0,0,.4);\r\n    }\r\n\r\n    #bookup-zeit .bookup-hours-sub {\r\n        margin-top: 7px;\r\n        color: #ffffff;\r\n        font-size: 19px;\r\n        line-height: 1.3;\r\n        text-shadow: 0 2px 7px rgba(0,0,0,.4);\r\n    }\r\n\r\n    #bookup-zeit .bookup-time-benefits {\r\n        top: auto;\r\n        left: 14px;\r\n        right: 14px;\r\n        bottom: 16px;\r\n        width: auto;\r\n        padding: 18px 20px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section id=\"bookup-zeit\">\r\n\r\n    <div class=\"bookup-zeit-wrap\">\r\n\r\n        <div class=\"bookup-zeit-copy\">\r\n\r\n            <div class=\"bookup-zeit-kicker\">\r\n                Your time\r\n            <\/div>\r\n\r\n            <h2 class=\"bookup-zeit-title\">\r\n                <span class=\"bookup-brand\">BookUp<\/span> doesn't just save you<br>\r\n                money.<br>\r\n\r\n                <span class=\"gold\">\r\n                    <span class=\"bookup-brand\">BookUp<\/span> gives you<br>\r\n                    time back.\r\n                <\/span>\r\n            <\/h2>\r\n\r\n            <div class=\"bookup-zeit-calculation\">\r\n                Just 5 booking calls a day can add up to more than 60 hours a year.\r\n            <\/div>\r\n\r\n            <p class=\"bookup-zeit-text\">\r\n                Your clients book on their own. The appointments stay. The effort shrinks.\r\n            <\/p>\r\n\r\n            <p class=\"bookup-zeit-highlight\">\r\n                Fewer calls. More appointments. More free time.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"bookup-zeit-visual\">\r\n\r\n            <img decoding=\"async\"\r\n                class=\"bookup-zeit-image\"\r\n                src=\"https:\/\/www.webbysisters.com\/wp-content\/uploads\/2026\/09\/bookup-dafe-sonne.webp\"\r\n                alt=\"Mehr freie Zeit mit BookUp\"\r\n            >\r\n\r\n            <div class=\"bookup-hours\">\r\n\r\n                <span class=\"bookup-hours-number\">\r\n                    60+\r\n                <\/span>\r\n\r\n                <span class=\"bookup-hours-label\">\r\n                    hours\r\n                <\/span>\r\n\r\n                <span class=\"bookup-hours-sub\">\r\n                    more for you<br>\r\n                    per year\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"bookup-time-benefits\">\r\n\r\n                <div class=\"bookup-time-benefit\">\r\n                    <div class=\"bookup-time-icon\">\u2665<\/div>\r\n\r\n                    <div>\r\n                        <strong>For family<\/strong>\r\n                        <span>More time together.<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"bookup-time-benefit\">\r\n                    <div class=\"bookup-time-icon\">\u2615<\/div>\r\n\r\n                    <div>\r\n                        <strong>For you<\/strong>\r\n                        <span>\r\n                            More breaks.<br>\r\n                            More freedom.\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"bookup-time-benefit\">\r\n                    <div class=\"bookup-time-icon\">\u2600<\/div>\r\n\r\n                    <div>\r\n                        <strong>For rest<\/strong>\r\n                        <span>\r\n                            Time to switch off.<br>\r\n                            Recharge your energy.\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3f68597 elementor-widget elementor-widget-html\" data-id=\"3f68597\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n#bookup-4klicks{\r\n  --green:#123f35;\r\n  --green-dark:#0d332b;\r\n  --gold:#b99858;\r\n  --cream:#f8f5ee;\r\n  --white:#fff;\r\n  background:var(--green);\r\n  padding:58px 0 62px;\r\n  color:var(--cream);\r\n}\r\n#bookup-4klicks *{box-sizing:border-box}\r\n#bookup-4klicks .bookup-4klicks-wrap{\r\n  width:min(1180px,calc(100% - 56px));\r\n  margin:0 auto;\r\n}\r\n\r\n\/* Oberzeile *\/\r\n#bookup-4klicks .bookup-4klicks-kicker{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:14px;\r\n  margin-bottom:13px;\r\n  color:var(--gold);\r\n  font-size:11px;\r\n  font-weight:600;\r\n  letter-spacing:.18em;\r\n  text-transform:uppercase;\r\n}\r\n#bookup-4klicks .bookup-4klicks-kicker::before,\r\n#bookup-4klicks .bookup-4klicks-kicker::after{\r\n  content:\"\";\r\n  width:55px;\r\n  height:1px;\r\n  background:var(--gold);\r\n}\r\n\r\n\/* \u00dcberschrift *\/\r\n#bookup-4klicks .bookup-4klicks-title{\r\n  margin:0 0 12px;\r\n  text-align:center;\r\n  font-family:var(--e-global-typography-primary-font-family),Georgia,\"Times New Roman\",serif;\r\n  font-size:clamp(38px,3.7vw,52px);\r\n  line-height:1.08;\r\n  font-weight:400;\r\n  color:var(--cream);\r\n}\r\n#bookup-4klicks .bookup-4klicks-intro{\r\n  max-width:720px;\r\n  margin:0 auto 42px;\r\n  text-align:center;\r\n  color:rgba(248,245,238,.88);\r\n  font-size:16px;\r\n  line-height:1.5;\r\n}\r\n\r\n\/* Schritte *\/\r\n#bookup-4klicks .bookup-steps{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n  position:relative;\r\n}\r\n#bookup-4klicks .bookup-steps::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:37px;\r\n  left:12.5%;\r\n  right:12.5%;\r\n  height:1px;\r\n  background:rgba(185,152,88,.65);\r\n}\r\n#bookup-4klicks .bookup-step{\r\n  position:relative;\r\n  z-index:2;\r\n  text-align:center;\r\n  padding:0 18px;\r\n}\r\n\r\n\/* Icon-Kreise *\/\r\n#bookup-4klicks .bookup-step-icon{\r\n  position:relative;\r\n  width:74px;\r\n  height:74px;\r\n  margin:0 auto 15px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  border-radius:50%;\r\n  background:var(--cream);\r\n  border:1px solid var(--gold);\r\n  color:var(--green);\r\n}\r\n#bookup-4klicks .bookup-step-icon svg{\r\n  width:34px;\r\n  height:34px;\r\n  fill:none;\r\n  stroke:currentColor;\r\n  stroke-width:1.7;\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n}\r\n#bookup-4klicks .bookup-step-number{\r\n  position:absolute;\r\n  left:50%;\r\n  bottom:-9px;\r\n  transform:translateX(-50%);\r\n  width:23px;\r\n  height:23px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  border-radius:50%;\r\n  background:var(--gold);\r\n  color:#fff;\r\n  font-size:12px;\r\n  font-weight:700;\r\n}\r\n#bookup-4klicks .bookup-step strong{\r\n  display:block;\r\n  margin-top:21px;\r\n  color:var(--cream);\r\n  font-size:16px;\r\n  line-height:1.35;\r\n}\r\n\r\n\/* Abschluss *\/\r\n#bookup-4klicks .bookup-4klicks-note{\r\n  margin-top:36px;\r\n  text-align:center;\r\n  color:var(--cream);\r\n  font-size:16px;\r\n  font-weight:600;\r\n}\r\n#bookup-4klicks .bookup-4klicks-note span{color:var(--gold)}\r\n\r\n@media(max-width:850px){\r\n  #bookup-4klicks{padding:50px 0}\r\n  #bookup-4klicks .bookup-4klicks-wrap{\r\n    width:min(700px,calc(100% - 34px));\r\n  }\r\n  #bookup-4klicks .bookup-steps{\r\n    grid-template-columns:repeat(2,1fr);\r\n    gap:38px 25px;\r\n  }\r\n  #bookup-4klicks .bookup-steps::before{display:none}\r\n}\r\n\r\n@media(max-width:520px){\r\n  #bookup-4klicks{padding:42px 0 46px}\r\n  #bookup-4klicks .bookup-4klicks-wrap{width:calc(100% - 28px)}\r\n  #bookup-4klicks .bookup-4klicks-kicker{font-size:10px;gap:9px}\r\n  #bookup-4klicks .bookup-4klicks-kicker::before,\r\n  #bookup-4klicks .bookup-4klicks-kicker::after{width:28px}\r\n  #bookup-4klicks .bookup-4klicks-title{font-size:38px}\r\n  #bookup-4klicks .bookup-4klicks-intro{margin-bottom:32px;font-size:15px}\r\n  #bookup-4klicks .bookup-steps{grid-template-columns:1fr;gap:25px}\r\n  #bookup-4klicks .bookup-step{\r\n    display:grid;\r\n    grid-template-columns:70px 1fr;\r\n    align-items:center;\r\n    gap:17px;\r\n    padding:0;\r\n    text-align:left;\r\n  }\r\n  #bookup-4klicks .bookup-step-icon{\r\n    width:66px;\r\n    height:66px;\r\n    margin:0;\r\n  }\r\n  #bookup-4klicks .bookup-step strong{margin:0;font-size:16px}\r\n  #bookup-4klicks .bookup-4klicks-note{\r\n    margin-top:30px;\r\n    font-size:15px;\r\n    line-height:1.45;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section id=\"bookup-4klicks\">\r\n  <div class=\"bookup-4klicks-wrap\">\r\n\r\n    <div class=\"bookup-4klicks-kicker\">How your clients book<\/div>\r\n\r\n    <h2 class=\"bookup-4klicks-title\">An appointment in just 4 clicks.<\/h2>\r\n\r\n    <p class=\"bookup-4klicks-intro\">\r\n      Your clients book quickly and easily \u2013 no app, no account, no registration.\r\n    <\/p>\r\n\r\n    <div class=\"bookup-steps\">\r\n\r\n      <div class=\"bookup-step\">\r\n        <div class=\"bookup-step-icon\">\r\n          <svg viewbox=\"0 0 48 48\">\r\n            <rect x=\"10\" y=\"13\" width=\"28\" height=\"7\" rx=\"2\"><\/rect>\r\n            <rect x=\"10\" y=\"23\" width=\"28\" height=\"7\" rx=\"2\"><\/rect>\r\n            <rect x=\"10\" y=\"33\" width=\"28\" height=\"7\" rx=\"2\"><\/rect>\r\n          <\/svg>\r\n          <span class=\"bookup-step-number\">1<\/span>\r\n        <\/div>\r\n        <strong>Choose a service<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"bookup-step\">\r\n        <div class=\"bookup-step-icon\">\r\n          <svg viewbox=\"0 0 48 48\">\r\n            <rect x=\"9\" y=\"11\" width=\"30\" height=\"28\" rx=\"3\"><\/rect>\r\n            <path d=\"M9 19h30\"><\/path>\r\n            <path d=\"M17 8v6\"><\/path>\r\n            <path d=\"M31 8v6\"><\/path>\r\n            <circle cx=\"24\" cy=\"28\" r=\"5\"><\/circle>\r\n          <\/svg>\r\n          <span class=\"bookup-step-number\">2<\/span>\r\n        <\/div>\r\n        <strong>Choose a time<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"bookup-step\">\r\n        <div class=\"bookup-step-icon\">\r\n          <svg viewbox=\"0 0 48 48\">\r\n            <rect x=\"12\" y=\"8\" width=\"24\" height=\"32\" rx=\"3\"><\/rect>\r\n            <path d=\"M18 17h12\"><\/path>\r\n            <path d=\"M18 23h12\"><\/path>\r\n            <path d=\"M18 29h8\"><\/path>\r\n          <\/svg>\r\n          <span class=\"bookup-step-number\">3<\/span>\r\n        <\/div>\r\n        <strong>Enter details<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"bookup-step\">\r\n        <div class=\"bookup-step-icon\">\r\n          <svg viewbox=\"0 0 48 48\">\r\n            <circle cx=\"24\" cy=\"24\" r=\"17\"><\/circle>\r\n            <path d=\"M16 24l5 5 11-12\"><\/path>\r\n          <\/svg>\r\n          <span class=\"bookup-step-number\">4<\/span>\r\n        <\/div>\r\n        <strong>Confirm booking<\/strong>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"bookup-4klicks-note\">\r\n      No detours. <span>Just book.<\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5094179 elementor-widget elementor-widget-html\" data-id=\"5094179\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n#bookup-selbstverwaltung{\r\n  --green:#123f35;\r\n  --green-dark:#0d332b;\r\n  --gold:#b99858;\r\n  --white:#ffffff;\r\n  --text:#34423e;\r\n\r\n  position:relative;\r\n  overflow:hidden;\r\n  background:#ffffff;\r\n  padding:76px 0;\r\n}\r\n\r\n#bookup-selbstverwaltung *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n#bookup-selbstverwaltung .bookup-control-wrap{\r\n  width:min(1180px,calc(100% - 56px));\r\n  min-height:610px;\r\n  margin:0 auto;\r\n  position:relative;\r\n  display:flex;\r\n  align-items:center;\r\n}\r\n\r\n\/* =====================================================\r\n   GROSSES LAPTOP-BILD\r\n   ===================================================== *\/\r\n\r\n#bookup-selbstverwaltung .bookup-control-visual{\r\n  position:absolute;\r\n  left:-90px;\r\n  top:50%;\r\n  transform:translateY(-50%);\r\n  width:74%;\r\n  z-index:1;\r\n  pointer-events:none;\r\n}\r\n\r\n#bookup-selbstverwaltung .bookup-control-image{\r\n  display:block;\r\n  width:100%;\r\n  height:auto;\r\n  max-width:none;\r\n  position:relative;\r\n  z-index:1;\r\n  filter:drop-shadow(0 26px 34px rgba(18,63,53,.16));\r\n}\r\n\r\n\/* Nur am rechten Bildrand weich ausblenden *\/\r\n#bookup-selbstverwaltung .bookup-control-visual::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:2;\r\n  pointer-events:none;\r\n\r\n  background:linear-gradient(\r\n    90deg,\r\n    rgba(255,255,255,0) 0%,\r\n    rgba(255,255,255,0) 58%,\r\n    rgba(255,255,255,.10) 66%,\r\n    rgba(255,255,255,.35) 74%,\r\n    rgba(255,255,255,.68) 84%,\r\n    rgba(255,255,255,.92) 94%,\r\n    rgba(255,255,255,1) 100%\r\n  );\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TEXT RECHTS\r\n   ===================================================== *\/\r\n\r\n#bookup-selbstverwaltung .bookup-control-copy{\r\n  position:relative;\r\n  z-index:3;\r\n  width:53%;\r\n  margin-left:auto;\r\n  padding:18px 0 18px 55px;\r\n}\r\n\r\n\r\n\/* KICKER *\/\r\n\r\n#bookup-selbstverwaltung .bookup-control-kicker{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:14px;\r\n  margin-bottom:16px;\r\n\r\n  color:var(--green);\r\n  font-size:11px;\r\n  font-weight:600;\r\n  letter-spacing:.18em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n#bookup-selbstverwaltung .bookup-control-kicker::after{\r\n  content:\"\";\r\n  width:54px;\r\n  height:1px;\r\n  background:var(--gold);\r\n}\r\n\r\n\r\n\/* HEADLINE *\/\r\n\r\n#bookup-selbstverwaltung .bookup-control-title{\r\n  margin:0 0 24px;\r\n\r\n  font-family:\r\n    var(--e-global-typography-primary-font-family),\r\n    Georgia,\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size:clamp(42px,4.4vw,62px);\r\n  line-height:1.04;\r\n  font-weight:400;\r\n\r\n  color:var(--green);\r\n}\r\n\r\n\r\n\/* INTRO *\/\r\n\r\n#bookup-selbstverwaltung .bookup-control-intro{\r\n  max-width:650px;\r\n  margin:0 0 27px;\r\n\r\n  color:var(--text);\r\n  font-size:17px;\r\n  line-height:1.55;\r\n}\r\n\r\n\r\n\/* LISTE *\/\r\n\r\n#bookup-selbstverwaltung .bookup-control-list{\r\n  list-style:none;\r\n  margin:0;\r\n  padding:0;\r\n}\r\n\r\n#bookup-selbstverwaltung .bookup-control-list li{\r\n  display:grid;\r\n  grid-template-columns:32px 1fr;\r\n  gap:14px;\r\n  align-items:start;\r\n\r\n  padding:10px 0;\r\n\r\n  color:var(--text);\r\n  font-size:16px;\r\n  line-height:1.45;\r\n}\r\n\r\n#bookup-selbstverwaltung .bookup-control-check{\r\n  width:28px;\r\n  height:28px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  margin-top:1px;\r\n\r\n  border-radius:50%;\r\n  background:var(--gold);\r\n  color:#ffffff;\r\n\r\n  font-size:13px;\r\n  font-weight:700;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   HIGHLIGHT\r\n   ===================================================== *\/\r\n\r\n#bookup-selbstverwaltung .bookup-control-highlight{\r\n  margin-top:26px;\r\n  padding:16px 0 16px 22px;\r\n\r\n  border-left:2px solid var(--gold);\r\n\r\n  background:transparent;\r\n\r\n  color:var(--green);\r\n  font-size:17px;\r\n  line-height:1.5;\r\n  font-weight:600;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TABLET\r\n   ===================================================== *\/\r\n\r\n@media(max-width:980px){\r\n\r\n  #bookup-selbstverwaltung{\r\n    padding:62px 0;\r\n  }\r\n\r\n  #bookup-selbstverwaltung .bookup-control-wrap{\r\n    width:min(760px,calc(100% - 34px));\r\n    min-height:auto;\r\n    display:flex;\r\n    flex-direction:column;\r\n  }\r\n\r\n  #bookup-selbstverwaltung .bookup-control-copy{\r\n    order:1;\r\n    width:100%;\r\n    margin-left:0;\r\n    padding:0;\r\n  }\r\n\r\n  #bookup-selbstverwaltung .bookup-control-visual{\r\n    order:2;\r\n    position:relative;\r\n    left:auto;\r\n    top:auto;\r\n    transform:none;\r\n    width:112%;\r\n    margin:34px 0 0 -6%;\r\n  }\r\n\r\n  #bookup-selbstverwaltung .bookup-control-visual::after{\r\n    display:none;\r\n  }\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MOBILE\r\n   ===================================================== *\/\r\n\r\n@media(max-width:560px){\r\n\r\n  #bookup-selbstverwaltung{\r\n    padding:46px 0;\r\n  }\r\n\r\n  #bookup-selbstverwaltung .bookup-control-wrap{\r\n    width:calc(100% - 28px);\r\n  }\r\n\r\n  #bookup-selbstverwaltung .bookup-control-kicker{\r\n    gap:11px;\r\n    font-size:10px;\r\n    letter-spacing:.16em;\r\n  }\r\n\r\n  #bookup-selbstverwaltung .bookup-control-kicker::after{\r\n    width:34px;\r\n  }\r\n\r\n  #bookup-selbstverwaltung .bookup-control-title{\r\n    margin-bottom:20px;\r\n    font-size:40px;\r\n    line-height:1.06;\r\n  }\r\n\r\n  #bookup-selbstverwaltung .bookup-control-intro{\r\n    font-size:16px;\r\n    line-height:1.5;\r\n  }\r\n\r\n  #bookup-selbstverwaltung .bookup-control-list li{\r\n    grid-template-columns:30px 1fr;\r\n    gap:12px;\r\n    padding:9px 0;\r\n    font-size:15px;\r\n  }\r\n\r\n  #bookup-selbstverwaltung .bookup-control-highlight{\r\n    margin-top:22px;\r\n    padding:14px 0 14px 17px;\r\n    font-size:15px;\r\n    line-height:1.45;\r\n  }\r\n\r\n  #bookup-selbstverwaltung .bookup-control-visual{\r\n    width:124%;\r\n    margin:26px 0 0 -12%;\r\n  }\r\n\r\n  #bookup-selbstverwaltung .bookup-control-image{\r\n    filter:drop-shadow(0 18px 24px rgba(18,63,53,.14));\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section id=\"bookup-selbstverwaltung\">\r\n\r\n  <div class=\"bookup-control-wrap\">\r\n\r\n    <!-- LAPTOP -->\r\n    <div class=\"bookup-control-visual\">\r\n\r\n      <img decoding=\"async\"\r\n        class=\"bookup-control-image\"\r\n        src=\"https:\/\/www.webbysisters.com\/wp-content\/uploads\/2026\/09\/bookup-bedienungspaneel-transparent-01.png\"\r\n        alt=\"Online-Terminbuchung mit BookUp: Verwaltungs-Panel f\u00fcr Mitarbeiter, Leistungen und Zeiten\"\r\n      >\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- TEXT -->\r\n    <div class=\"bookup-control-copy\">\r\n\r\n      <div class=\"bookup-control-kicker\">\r\n        Effortless self-management\r\n      <\/div>\r\n\r\n      <h2 class=\"bookup-control-title\">\r\n        You stay in control.\r\n      <\/h2>\r\n\r\n      <p class=\"bookup-control-intro\">\r\n        In your own admin panel you can change or add staff, services, hours and settings at any time. No technical knowledge required.\r\n      <\/p>\r\n\r\n      <ul class=\"bookup-control-list\">\r\n\r\n        <li>\r\n          <span class=\"bookup-control-check\">\u2713<\/span>\r\n          <span>Add or remove staff<\/span>\r\n        <\/li>\r\n\r\n        <li>\r\n          <span class=\"bookup-control-check\">\u2713<\/span>\r\n          <span>Change or add services<\/span>\r\n        <\/li>\r\n\r\n        <li>\r\n          <span class=\"bookup-control-check\">\u2713<\/span>\r\n          <span>Adjust hours and settings any time<\/span>\r\n        <\/li>\r\n\r\n        <li>\r\n          <span class=\"bookup-control-check\">\u2713<\/span>\r\n          <span>Expand as your business grows<\/span>\r\n        <\/li>\r\n\r\n      <\/ul>\r\n\r\n      <div class=\"bookup-control-highlight\">\r\n        For everyday changes, you don't depend on us or a developer.\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eea0881 elementor-widget elementor-widget-html\" data-id=\"eea0881\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n#bookup-design{\r\n  --green:#123f35;\r\n  --green-dark:#0d332b;\r\n  --gold:#b99858;\r\n  --sage:#e5ebe2;\r\n  --sage2:#dce5da;\r\n  --text:#34423e;\r\n  background:linear-gradient(120deg,var(--sage) 0%,#eef2eb 55%,var(--sage2) 100%);\r\n  padding:68px 0;\r\n}\r\n\r\n#bookup-design *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n#bookup-design .bookup-design-wrap{\r\n  width:min(1180px,calc(100% - 56px));\r\n  margin:0 auto;\r\n  display:grid;\r\n  grid-template-columns:minmax(0,42fr) minmax(0,58fr);\r\n  gap:58px;\r\n  align-items:center;\r\n}\r\n\r\n\/* TEXT *\/\r\n#bookup-design .bookup-design-kicker{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:14px;\r\n  margin-bottom:16px;\r\n  color:var(--gold);\r\n  font-size:11px;\r\n  font-weight:600;\r\n  letter-spacing:.18em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n#bookup-design .bookup-design-kicker::after{\r\n  content:\"\";\r\n  width:54px;\r\n  height:1px;\r\n  background:var(--gold);\r\n}\r\n\r\n#bookup-design .bookup-design-title{\r\n  margin:0 0 24px;\r\n  font-family:var(--e-global-typography-primary-font-family),Georgia,\"Times New Roman\",serif;\r\n  font-size:clamp(44px,4.5vw,64px);\r\n  line-height:1.03;\r\n  font-weight:400;\r\n  color:var(--green);\r\n}\r\n\r\n#bookup-design .bookup-design-title span{\r\n  display:block;\r\n  color:var(--gold);\r\n}\r\n\r\n#bookup-design .bookup-design-intro{\r\n  max-width:510px;\r\n  margin:0 0 28px;\r\n  color:var(--text);\r\n  font-size:17px;\r\n  line-height:1.58;\r\n}\r\n\r\n\/* CLAIM *\/\r\n#bookup-design .bookup-design-claim{\r\n  margin:0 0 30px;\r\n  padding:18px 22px;\r\n  border-left:2px solid var(--gold);\r\n  background:rgba(255,255,255,.55);\r\n  color:var(--green);\r\n  font-family:var(--e-global-typography-primary-font-family),Georgia,serif;\r\n  font-size:22px;\r\n  line-height:1.4;\r\n}\r\n\r\n#bookup-design .bookup-design-claim em{\r\n  color:var(--gold);\r\n  font-style:italic;\r\n}\r\n\r\n\/* BUTTON *\/\r\n#bookup-design .bookup-live-btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:14px;\r\n  min-height:52px;\r\n  padding:0 28px;\r\n  border-radius:28px;\r\n  background:var(--green);\r\n  color:#fff !important;\r\n  text-decoration:none !important;\r\n  font-size:15px;\r\n  font-weight:600;\r\n  transition:.2s ease;\r\n}\r\n\r\n#bookup-design .bookup-live-btn:hover{\r\n  background:var(--green-dark);\r\n  transform:translateY(-2px);\r\n}\r\n\r\n#bookup-design .bookup-live-btn span{\r\n  color:var(--gold);\r\n  font-size:20px;\r\n}\r\n\r\n\/* BILD *\/\r\n#bookup-design .bookup-design-visual{\r\n  position:relative;\r\n  min-width:0;\r\n}\r\n\r\n#bookup-design .bookup-design-image{\r\n  display:block;\r\n  width:100%;\r\n  max-width:100%;\r\n  height:auto;\r\n  border-radius:8px;\r\n  box-shadow:0 20px 45px rgba(18,63,53,.14);\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n\r\n#bookup-design .bookup-design-visual::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  width:88%;\r\n  height:88%;\r\n  right:-18px;\r\n  bottom:-18px;\r\n  border-radius:10px;\r\n  background:rgba(185,152,88,.10);\r\n  z-index:0;\r\n}\r\n\r\n\/* TABLET *\/\r\n@media(max-width:900px){\r\n  #bookup-design{\r\n    padding:56px 0;\r\n  }\r\n\r\n  #bookup-design .bookup-design-wrap{\r\n    width:min(720px,calc(100% - 34px));\r\n    grid-template-columns:1fr;\r\n    gap:38px;\r\n  }\r\n\r\n  #bookup-design .bookup-design-intro{\r\n    max-width:none;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:560px){\r\n  #bookup-design{\r\n    padding:42px 0;\r\n  }\r\n\r\n  #bookup-design .bookup-design-wrap{\r\n    width:calc(100% - 28px);\r\n    gap:30px;\r\n  }\r\n\r\n  #bookup-design .bookup-design-title{\r\n    font-size:42px;\r\n  }\r\n\r\n  #bookup-design .bookup-design-intro{\r\n    font-size:16px;\r\n  }\r\n\r\n  #bookup-design .bookup-design-claim{\r\n    font-size:19px;\r\n  }\r\n\r\n  #bookup-design .bookup-live-btn{\r\n    width:100%;\r\n  }\r\n\r\n  #bookup-design .bookup-design-visual::before{\r\n    display:none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section id=\"bookup-design\">\r\n  <div class=\"bookup-design-wrap\">\r\n\r\n    <div class=\"bookup-design-copy\">\r\n\r\n      <div class=\"bookup-design-kicker\">\r\n        Tailored to your business\r\n      <\/div>\r\n\r\n      <h2 class=\"bookup-design-title\">\r\n        Your design.\r\n        <span>Your brand.<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"bookup-design-intro\">\r\n        BookUp is customised for your business. Your booking system gets your logo, your brand colours and your style \u2013 so it feels like a natural part of your business: professional, consistent and trustworthy.\r\n      <\/p>\r\n\r\n      <div class=\"bookup-design-claim\">\r\n        BookUp adapts to your\r\n        <em>business<\/em> \u2013 not the other way round.\r\n      <\/div>\r\n\r\n      <a class=\"bookup-live-btn\" href=\"https:\/\/wellness-massage-crailsheim.de\/booking\/\" target=\"_blank\" rel=\"noopener\">\r\n        View live example\r\n        <span>\u2192<\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"bookup-design-visual\">\r\n      <img decoding=\"async\"\r\n        class=\"bookup-design-image\"\r\n        src=\"https:\/\/www.webbysisters.com\/wp-content\/uploads\/2026\/09\/BookUp-firmendesign-01.webp\"\r\n        alt=\"Reales BookUp-Kundenbeispiel von Body & Soul Wellness Massage\"\r\n      >\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b7362a elementor-widget elementor-widget-html\" data-id=\"3b7362a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n#bookup-preis{\r\n  --green:#123f35;\r\n  --green-dark:#0d332b;\r\n  --gold:#b99858;\r\n  --white:#ffffff;\r\n  --text:#34423e;\r\n\r\n  background:#ffffff;\r\n  padding:76px 0;\r\n}\r\n\r\n#bookup-preis *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n#bookup-preis .bookup-preis-wrap{\r\n  width:min(1180px,calc(100% - 56px));\r\n  margin:0 auto;\r\n\r\n  display:grid;\r\n  grid-template-columns:minmax(0,40fr) minmax(0,60fr);\r\n  gap:30px;\r\n  align-items:stretch;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   LINKER PREISBLOCK\r\n   ===================================================== *\/\r\n\r\n#bookup-preis .bookup-preis-main{\r\n  position:relative;\r\n  overflow:hidden;\r\n\r\n  background:var(--green);\r\n  padding:48px 42px;\r\n  border-radius:12px;\r\n\r\n  color:#fff;\r\n\r\n  box-shadow:\r\n    0 22px 48px rgba(18,63,53,.15);\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n}\r\n\r\n\/* feiner Goldakzent *\/\r\n#bookup-preis .bookup-preis-main::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;\r\n  left:0;\r\n  width:100%;\r\n  height:3px;\r\n  background:var(--gold);\r\n}\r\n\r\n#bookup-preis .bookup-preis-kicker{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:12px;\r\n\r\n  margin-bottom:16px;\r\n\r\n  color:var(--gold);\r\n  font-size:11px;\r\n  font-weight:600;\r\n  letter-spacing:.18em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n#bookup-preis .bookup-preis-kicker::after{\r\n  content:\"\";\r\n  width:48px;\r\n  height:1px;\r\n  background:var(--gold);\r\n}\r\n\r\n#bookup-preis .bookup-preis-title{\r\n  margin:0 0 22px;\r\n\r\n  font-family:\r\n    var(--e-global-typography-primary-font-family),\r\n    Georgia,\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size:clamp(40px,4vw,56px);\r\n  line-height:1.05;\r\n  font-weight:400;\r\n\r\n  color:#fff;\r\n}\r\n\r\n#bookup-preis .bookup-preis-title span{\r\n  display:block;\r\n  color:var(--gold);\r\n}\r\n\r\n\r\n\/* PREIS *\/\r\n\r\n#bookup-preis .bookup-price{\r\n  display:flex;\r\n  align-items:flex-end;\r\n  gap:10px;\r\n\r\n  margin:10px 0 28px;\r\n\r\n  color:var(--gold);\r\n\r\n  font-family:\r\n    var(--e-global-typography-primary-font-family),\r\n    Georgia,\r\n    serif;\r\n}\r\n\r\n#bookup-preis .bookup-price small{\r\n  padding-bottom:12px;\r\n\r\n  font-family:Arial,sans-serif;\r\n  font-size:18px;\r\n  color:#fff;\r\n}\r\n\r\n#bookup-preis .bookup-price strong{\r\n  font-size:88px;\r\n  line-height:.85;\r\n  font-weight:400;\r\n}\r\n\r\n#bookup-preis .bookup-price span{\r\n  padding-bottom:3px;\r\n\r\n  font-size:42px;\r\n  line-height:1;\r\n}\r\n\r\n#bookup-preis .bookup-preis-note{\r\n  margin:0;\r\n\r\n  max-width:420px;\r\n\r\n  color:rgba(255,255,255,.80);\r\n  font-size:13px;\r\n  line-height:1.55;\r\n}\r\n\r\n\r\n\/* BUTTON *\/\r\n\r\n#bookup-preis .bookup-preis-btn{\r\n  margin-top:30px;\r\n\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:12px;\r\n\r\n  width:max-content;\r\n  min-height:50px;\r\n  padding:0 26px;\r\n\r\n  border-radius:28px;\r\n\r\n  background:var(--gold);\r\n  color:var(--green-dark)!important;\r\n\r\n  text-decoration:none!important;\r\n\r\n  font-size:15px;\r\n  font-weight:700;\r\n\r\n  transition:.2s ease;\r\n}\r\n\r\n#bookup-preis .bookup-preis-btn:hover{\r\n  transform:translateY(-2px);\r\n  filter:brightness(1.04);\r\n}\r\n\r\n#bookup-preis .bookup-preis-btn span{\r\n  font-size:19px;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   RECHTER BEREICH\r\n   ===================================================== *\/\r\n\r\n#bookup-preis .bookup-preis-details{\r\n  position:relative;\r\n\r\n  background:rgba(18,63,53,.045);\r\n\r\n  border:1px solid rgba(18,63,53,.10);\r\n  border-radius:12px;\r\n\r\n  padding:36px 40px;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n\r\n  box-shadow:\r\n    0 16px 38px rgba(18,63,53,.055);\r\n}\r\n\r\n\/* goldene Linie oben *\/\r\n#bookup-preis .bookup-preis-details::before{\r\n  content:\"\";\r\n  position:absolute;\r\n\r\n  top:0;\r\n  left:38px;\r\n\r\n  width:82px;\r\n  height:2px;\r\n\r\n  background:var(--gold);\r\n}\r\n\r\n\r\n\/* FEATURES *\/\r\n\r\n#bookup-preis .bookup-feature{\r\n  display:grid;\r\n  grid-template-columns:62px 1fr;\r\n  gap:20px;\r\n  align-items:start;\r\n\r\n  padding:24px 0;\r\n}\r\n\r\n#bookup-preis .bookup-feature + .bookup-feature{\r\n  border-top:1px solid rgba(185,152,88,.34);\r\n}\r\n\r\n#bookup-preis .bookup-feature-icon{\r\n  width:54px;\r\n  height:54px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:var(--green);\r\n  color:var(--gold);\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  font-size:23px;\r\n\r\n  box-shadow:\r\n    0 8px 18px rgba(18,63,53,.14);\r\n}\r\n\r\n#bookup-preis .bookup-feature h3{\r\n  margin:0 0 7px;\r\n\r\n  font-family:\r\n    var(--e-global-typography-primary-font-family),\r\n    Georgia,\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size:26px;\r\n  font-weight:400;\r\n  line-height:1.2;\r\n\r\n  color:var(--green);\r\n}\r\n\r\n#bookup-preis .bookup-feature p{\r\n  margin:0;\r\n\r\n  color:var(--text);\r\n  font-size:16px;\r\n  line-height:1.5;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   SCHLUSSSLOGAN\r\n   ===================================================== *\/\r\n\r\n#bookup-preis .bookup-growth{\r\n  margin-top:24px;\r\n  padding-top:26px;\r\n\r\n  border-top:1px solid rgba(185,152,88,.34);\r\n\r\n  font-family:\r\n    var(--e-global-typography-primary-font-family),\r\n    Georgia,\r\n    serif;\r\n\r\n  font-size:clamp(28px,3vw,40px);\r\n  line-height:1.15;\r\n\r\n  color:var(--green);\r\n}\r\n\r\n#bookup-preis .bookup-growth span{\r\n  display:block;\r\n  color:var(--gold);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TABLET\r\n   ===================================================== *\/\r\n\r\n@media(max-width:900px){\r\n\r\n  #bookup-preis{\r\n    padding:58px 0;\r\n  }\r\n\r\n  #bookup-preis .bookup-preis-wrap{\r\n    width:min(720px,calc(100% - 34px));\r\n    grid-template-columns:1fr;\r\n  }\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MOBILE\r\n   ===================================================== *\/\r\n\r\n@media(max-width:560px){\r\n\r\n  #bookup-preis{\r\n    padding:44px 0;\r\n    background:#ffffff;\r\n  }\r\n\r\n  #bookup-preis .bookup-preis-wrap{\r\n    width:calc(100% - 28px);\r\n    gap:18px;\r\n  }\r\n\r\n  #bookup-preis .bookup-preis-main{\r\n    padding:35px 25px;\r\n  }\r\n\r\n  #bookup-preis .bookup-preis-title{\r\n    font-size:40px;\r\n  }\r\n\r\n  #bookup-preis .bookup-price strong{\r\n    font-size:72px;\r\n  }\r\n\r\n  #bookup-preis .bookup-preis-details{\r\n    padding:28px 22px;\r\n  }\r\n\r\n  #bookup-preis .bookup-preis-details::before{\r\n    left:22px;\r\n    width:62px;\r\n  }\r\n\r\n  #bookup-preis .bookup-feature{\r\n    grid-template-columns:50px 1fr;\r\n    gap:14px;\r\n    padding:20px 0;\r\n  }\r\n\r\n  #bookup-preis .bookup-feature-icon{\r\n    width:46px;\r\n    height:46px;\r\n    font-size:19px;\r\n  }\r\n\r\n  #bookup-preis .bookup-feature h3{\r\n    font-size:23px;\r\n  }\r\n\r\n  #bookup-preis .bookup-feature p{\r\n    font-size:15px;\r\n  }\r\n\r\n  #bookup-preis .bookup-growth{\r\n    font-size:30px;\r\n  }\r\n\r\n  #bookup-preis .bookup-preis-btn{\r\n    width:100%;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<section id=\"bookup-preis\">\r\n\r\n  <div class=\"bookup-preis-wrap\">\r\n\r\n\r\n    <!-- PREIS -->\r\n\r\n    <div class=\"bookup-preis-main\">\r\n\r\n      <div class=\"bookup-preis-kicker\">\r\n        BookUp complete\r\n      <\/div>\r\n\r\n      <h2 class=\"bookup-preis-title\">\r\n        Pay once.\r\n        <span>Use it forever.<\/span>\r\n      <\/h2>\r\n\r\n      <div class=\"bookup-price\">\r\n\r\n        <small>from<\/small>\r\n\r\n        <strong>199<\/strong>\r\n\r\n        <span>\u20ac<\/span>\r\n\r\n      <\/div>\r\n\r\n      <p class=\"bookup-preis-note\">\r\n        The exact price depends on the scope and setup of your BookUp system. We agree the final price with you before the project starts.\r\n      <\/p>\r\n\r\n      <a\r\n        class=\"bookup-preis-btn\"\r\n        href=\"\/en\/kontakt\/\"\r\n      >\r\n        Request BookUp \u2013 no obligation\r\n        <span>\u2192<\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- DETAILS -->\r\n\r\n    <div class=\"bookup-preis-details\">\r\n\r\n      <div class=\"bookup-feature\">\r\n\r\n        <div class=\"bookup-feature-icon\">\r\n          \u2699\r\n        <\/div>\r\n\r\n        <div>\r\n\r\n          <h3>\r\n            Licence &amp; full setup\r\n          <\/h3>\r\n\r\n          <p>\r\n            We set up BookUp completely for your business. The usage licence is included.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"bookup-feature\">\r\n\r\n        <div class=\"bookup-feature-icon\">\r\n          \u2637\r\n        <\/div>\r\n\r\n        <div>\r\n\r\n          <h3>\r\n            Effortless self-management\r\n          <\/h3>\r\n\r\n          <p>\r\n            Manage staff, services, hours and settings yourself at any time \u2013 no technical knowledge needed.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"bookup-growth\">\r\n\r\n        Your business grows.\r\n\r\n        <span>\r\n          BookUp grows with it.\r\n        <\/span>\r\n\r\n        Your running costs don't.\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a12d22b elementor-widget elementor-widget-html\" data-id=\"a12d22b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section style=\"max-width:1080px;margin:35px auto;padding:32px 24px;font-family:Inter,Arial,sans-serif;color:#123f35;\"><h2 style=\"font-size:32px;font-weight:400;line-height:1.25;margin:0 0 24px;\">Questions about online booking with BookUp<\/h2><details style=\"border-bottom:1px solid #dce6e1;padding:18px 0;\"><summary style=\"font-size:17px;line-height:1.5;cursor:pointer;\">Who is online booking suitable for?<\/summary><p style=\"font-size:16px;font-weight:400;line-height:1.75;color:#435b50;margin:14px 0 0;\">BookUp is ideal for businesses whose clients book services at set times \u2013 salons, spas, clinics, studios and more. What matters is your offer and your appointment flow: which services do you offer, how long do they take and who performs them? We discuss these details before setup, so we can check whether online booking fits your business and which settings are needed.<\/p><\/details><details style=\"border-bottom:1px solid #dce6e1;padding:18px 0;\"><summary style=\"font-size:17px;line-height:1.5;cursor:pointer;\">How do my clients book an appointment?<\/summary><p style=\"font-size:16px;font-weight:400;line-height:1.75;color:#435b50;margin:14px 0 0;\">Your clients open the booking link in their browser, choose a service and an available time, enter their details and confirm the booking. They don't need an extra app or a client account. You can share the link on your website, Instagram, WhatsApp and other channels. You'll find a real example further up this page.<\/p><\/details><details style=\"border-bottom:1px solid #dce6e1;padding:18px 0;\"><summary style=\"font-size:17px;line-height:1.5;cursor:pointer;\">What can I manage myself?<\/summary><p style=\"font-size:16px;font-weight:400;line-height:1.75;color:#435b50;margin:14px 0 0;\">In the admin panel you can adjust staff, services, hours and settings. So you don't have to request technical support for every everyday change. As your offer grows, the setup can grow with it. Together we work out which options make sense for your specific workflow, based on your services and how you want to organise appointments.<\/p><\/details><details style=\"border-bottom:1px solid #dce6e1;padding:18px 0;\"><summary style=\"font-size:17px;line-height:1.5;cursor:pointer;\">What do we need for the setup?<\/summary><p style=\"font-size:16px;font-weight:400;line-height:1.75;color:#435b50;margin:14px 0 0;\">Helpful are a list of your services, their duration, the available staff and your booking hours. For the visual design we also need your logo and brand colours, if you have them. We agree scope and price with you before the project starts. You can also contact us if this information isn't fully prepared yet.<\/p><\/details><details style=\"border-bottom:1px solid #dce6e1;padding:18px 0;\"><summary style=\"font-size:17px;line-height:1.5;cursor:pointer;\">How does online booking fit into my website?<\/summary><p style=\"font-size:16px;font-weight:400;line-height:1.75;color:#435b50;margin:14px 0 0;\">BookUp gets your logo, your brand colours and a look that matches your business. The booking link makes appointments accessible to your website visitors. Service selection and contact options should be clear: clients should know what they're booking and how to reach you with questions. Together we decide where the link is best placed and what information is needed before a booking.<\/p><\/details><details style=\"border-bottom:1px solid #dce6e1;padding:18px 0;\"><summary style=\"font-size:17px;line-height:1.5;cursor:pointer;\">Can I see how it works in advance?<\/summary><p style=\"font-size:16px;font-weight:400;line-height:1.75;color:#435b50;margin:14px 0 0;\">Via the live example link you can see how a set-up client system looks. If you have questions about adapting it to your own offer, show us your services and the workflow you want, and we'll discuss the right setup with you personally. Please only confirm a booking in the client system if you actually want to book an appointment with that business. For questions about BookUp, please use our contact page.<\/p><\/details><\/section><style>\r\n#bookup-kontakt{\r\n  --green:#123f35;\r\n  --green-dark:#0d332b;\r\n  --gold:#b99858;\r\n  --white:#ffffff;\r\n\r\n  position:relative;\r\n  overflow:hidden;\r\n  background:var(--green);\r\n  padding:84px 0;\r\n}\r\n\r\n#bookup-kontakt *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n#bookup-kontakt .bookup-kontakt-wrap{\r\n  width:min(1180px,calc(100% - 56px));\r\n  margin:0 auto;\r\n\r\n  display:grid;\r\n  grid-template-columns:minmax(0,58fr) minmax(0,42fr);\r\n  gap:70px;\r\n  align-items:center;\r\n\r\n  position:relative;\r\n  z-index:2;\r\n}\r\n\r\n\/* DEZENTER GOLDENER AKZENT IM HINTERGRUND *\/\r\n#bookup-kontakt::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  width:460px;\r\n  height:460px;\r\n  right:-180px;\r\n  top:-220px;\r\n  border:1px solid rgba(185,152,88,.22);\r\n  border-radius:50%;\r\n}\r\n\r\n#bookup-kontakt::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  width:280px;\r\n  height:280px;\r\n  right:-80px;\r\n  bottom:-170px;\r\n  border:1px solid rgba(185,152,88,.14);\r\n  border-radius:50%;\r\n}\r\n\r\n\r\n\/* LINKER TEXT *\/\r\n\r\n#bookup-kontakt .bookup-kontakt-kicker{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:14px;\r\n\r\n  margin-bottom:18px;\r\n\r\n  color:var(--gold);\r\n  font-size:11px;\r\n  line-height:1.4;\r\n  font-weight:600;\r\n  letter-spacing:.19em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n#bookup-kontakt .bookup-kontakt-kicker::after{\r\n  content:\"\";\r\n  width:52px;\r\n  height:1px;\r\n  background:var(--gold);\r\n}\r\n\r\n#bookup-kontakt .bookup-kontakt-title{\r\n  margin:0 0 24px;\r\n\r\n  max-width:720px;\r\n\r\n  font-family:\r\n    var(--e-global-typography-primary-font-family),\r\n    Georgia,\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size:clamp(42px,4.3vw,62px);\r\n  line-height:1.06;\r\n  font-weight:400;\r\n\r\n  color:#ffffff;\r\n}\r\n\r\n#bookup-kontakt .bookup-kontakt-title span{\r\n  display:block;\r\n  color:var(--gold);\r\n}\r\n\r\n#bookup-kontakt .bookup-kontakt-text{\r\n  margin:0;\r\n\r\n  max-width:680px;\r\n\r\n  color:rgba(255,255,255,.82);\r\n  font-size:17px;\r\n  line-height:1.6;\r\n}\r\n\r\n\r\n\/* RECHTE KONTAKTBOX *\/\r\n\r\n#bookup-kontakt .bookup-kontakt-card{\r\n  position:relative;\r\n\r\n  padding:34px 34px 32px;\r\n\r\n  border:1px solid rgba(185,152,88,.48);\r\n  border-radius:12px;\r\n\r\n  background:rgba(255,255,255,.055);\r\n\r\n  box-shadow:\r\n    0 22px 50px rgba(0,0,0,.12);\r\n\r\n  backdrop-filter:blur(4px);\r\n}\r\n\r\n#bookup-kontakt .bookup-kontakt-card::before{\r\n  content:\"\";\r\n  position:absolute;\r\n\r\n  top:-1px;\r\n  left:34px;\r\n\r\n  width:72px;\r\n  height:2px;\r\n\r\n  background:var(--gold);\r\n}\r\n\r\n#bookup-kontakt .bookup-kontakt-card-title{\r\n  margin:0 0 12px;\r\n\r\n  font-family:\r\n    var(--e-global-typography-primary-font-family),\r\n    Georgia,\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size:28px;\r\n  line-height:1.2;\r\n  font-weight:400;\r\n\r\n  color:#ffffff;\r\n}\r\n\r\n#bookup-kontakt .bookup-kontakt-card-text{\r\n  margin:0 0 24px;\r\n\r\n  color:rgba(255,255,255,.78);\r\n  font-size:15px;\r\n  line-height:1.55;\r\n}\r\n\r\n\r\n\/* BUTTON *\/\r\n\r\n#bookup-kontakt .bookup-kontakt-btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:14px;\r\n\r\n  min-height:52px;\r\n  padding:0 28px;\r\n\r\n  border-radius:30px;\r\n\r\n  background:var(--gold);\r\n  color:var(--green-dark)!important;\r\n\r\n  text-decoration:none!important;\r\n\r\n  font-size:15px;\r\n  font-weight:700;\r\n\r\n  transition:.2s ease;\r\n}\r\n\r\n#bookup-kontakt .bookup-kontakt-btn:hover{\r\n  transform:translateY(-2px);\r\n  filter:brightness(1.05);\r\n}\r\n\r\n#bookup-kontakt .bookup-kontakt-btn span{\r\n  font-size:20px;\r\n}\r\n\r\n\r\n\/* KLEINER VERTRAUENSSATZ *\/\r\n\r\n#bookup-kontakt .bookup-kontakt-note{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n\r\n  margin-top:20px;\r\n\r\n  color:#ffffff;\r\n  font-size:14px;\r\n  line-height:1.45;\r\n  font-weight:600;\r\n}\r\n\r\n#bookup-kontakt .bookup-kontakt-note::before{\r\n  content:\"\u2713\";\r\n\r\n  width:24px;\r\n  height:24px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  border-radius:50%;\r\n\r\n  background:var(--gold);\r\n  color:var(--green-dark);\r\n\r\n  font-size:12px;\r\n  font-weight:700;\r\n  flex:0 0 24px;\r\n}\r\n\r\n\r\n\/* TABLET *\/\r\n\r\n@media(max-width:900px){\r\n\r\n  #bookup-kontakt{\r\n    padding:66px 0;\r\n  }\r\n\r\n  #bookup-kontakt .bookup-kontakt-wrap{\r\n    width:min(720px,calc(100% - 34px));\r\n    grid-template-columns:1fr;\r\n    gap:38px;\r\n  }\r\n\r\n  #bookup-kontakt .bookup-kontakt-card{\r\n    max-width:560px;\r\n  }\r\n}\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:560px){\r\n\r\n  #bookup-kontakt{\r\n    padding:50px 0;\r\n  }\r\n\r\n  #bookup-kontakt .bookup-kontakt-wrap{\r\n    width:calc(100% - 28px);\r\n    gap:30px;\r\n  }\r\n\r\n  #bookup-kontakt .bookup-kontakt-kicker{\r\n    gap:11px;\r\n    font-size:10px;\r\n    letter-spacing:.16em;\r\n  }\r\n\r\n  #bookup-kontakt .bookup-kontakt-kicker::after{\r\n    width:34px;\r\n  }\r\n\r\n  #bookup-kontakt .bookup-kontakt-title{\r\n    margin-bottom:20px;\r\n    font-size:40px;\r\n  }\r\n\r\n  #bookup-kontakt .bookup-kontakt-text{\r\n    font-size:16px;\r\n    line-height:1.55;\r\n  }\r\n\r\n  #bookup-kontakt .bookup-kontakt-card{\r\n    padding:29px 22px 26px;\r\n  }\r\n\r\n  #bookup-kontakt .bookup-kontakt-card::before{\r\n    left:22px;\r\n    width:58px;\r\n  }\r\n\r\n  #bookup-kontakt .bookup-kontakt-card-title{\r\n    font-size:25px;\r\n  }\r\n\r\n  #bookup-kontakt .bookup-kontakt-card-text{\r\n    font-size:15px;\r\n  }\r\n\r\n  #bookup-kontakt .bookup-kontakt-btn{\r\n    width:100%;\r\n    padding:0 20px;\r\n  }\r\n\r\n  #bookup-kontakt::before,\r\n  #bookup-kontakt::after{\r\n    display:none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<section id=\"bookup-kontakt\">\r\n\r\n  <div class=\"bookup-kontakt-wrap\">\r\n\r\n\r\n    <!-- LINKS -->\r\n\r\n    <div class=\"bookup-kontakt-copy\">\r\n\r\n      <div class=\"bookup-kontakt-kicker\">\r\n        Any questions?\r\n      <\/div>\r\n\r\n      <h2 class=\"bookup-kontakt-title\">\r\n        Not sure yet if BookUp is right for your business?\r\n\r\n        <span>\r\n          Talk to us personally.\r\n        <\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"bookup-kontakt-text\">\r\n        We'll show you what BookUp can do, answer your questions and tell you honestly which solution makes sense for your business.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- RECHTS -->\r\n\r\n    <div class=\"bookup-kontakt-card\">\r\n\r\n      <h3 class=\"bookup-kontakt-card-title\">\r\n        Calling costs nothing. So does asking.\r\n      <\/h3>\r\n\r\n      <p class=\"bookup-kontakt-card-text\">\r\n        Message or call us. We'll advise you personally and with no obligation.\r\n      <\/p>\r\n\r\n      <a\r\n        class=\"bookup-kontakt-btn\"\r\n        href=\"\/en\/kontakt\/\"\r\n      >\r\n        Request BookUp \u2013 no obligation\r\n        <span>\u2192<\/span>\r\n      <\/a>\r\n\r\n      <div class=\"bookup-kontakt-note\">\r\n        Personal. No obligation. Still there for you after setup.\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c0f7051 e-flex e-con-boxed e-con e-parent\" data-id=\"c0f7051\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Unser f\u00fcr dich entwickeltes Online-Buchungssystem Online-Terminbuchung, die dir Zeit zur\u00fcckgibt. Deine Kunden buchen selbst \u2013 rund um die Uhr, ohne [&hellip;]<\/p>\n","protected":false},"author":2,"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-1898","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/www.webbysisters.com\/en\/wp-json\/wp\/v2\/pages\/1898","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webbysisters.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.webbysisters.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.webbysisters.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webbysisters.com\/en\/wp-json\/wp\/v2\/comments?post=1898"}],"version-history":[{"count":76,"href":"https:\/\/www.webbysisters.com\/en\/wp-json\/wp\/v2\/pages\/1898\/revisions"}],"predecessor-version":[{"id":2069,"href":"https:\/\/www.webbysisters.com\/en\/wp-json\/wp\/v2\/pages\/1898\/revisions\/2069"}],"wp:attachment":[{"href":"https:\/\/www.webbysisters.com\/en\/wp-json\/wp\/v2\/media?parent=1898"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}