{"id":42637,"date":"2026-08-13T08:04:55","date_gmt":"2026-08-13T06:04:55","guid":{"rendered":"https:\/\/swissdermaclinic.ch\/online-booking-neu\/"},"modified":"2026-08-13T08:05:53","modified_gmt":"2026-08-13T06:05:53","slug":"online-booking","status":"publish","type":"page","link":"https:\/\/swissdermaclinic.ch\/en\/online-booking\/","title":{"rendered":"Online Booking"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"42637\" class=\"elementor elementor-42637 elementor-42634 elementor-bc-flex-widget\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-sdcemb1 e-con-boxed e-flex e-con e-parent\" data-id=\"sdcemb1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div data-dce-title-color=\"#545252\" class=\"elementor-element elementor-element-sdcembh elementor-widget elementor-widget-heading\" data-id=\"sdcembh\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Book your appointment online<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-sdcembw elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"sdcembw\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n:root{\n  --sdc-text:#545252; --sdc-text-60:#8a8686; --sdc-text-40:#b3afaf;\n  --sdc-accent:#d4bcb3; --sdc-accent-dk:#b8998c; --sdc-accent-08:rgba(212,188,179,.14);\n  --sdc-bg:#f7f5f4; --sdc-white:#fff; --sdc-line:#e7e1dd;\n  --sdc-radius:10px; --sdc-shadow:0 1px 2px rgba(84,82,82,.05);\n  --sdc-shadow-md:0 6px 22px rgba(84,82,82,.10);\n}\n*{box-sizing:border-box}\nbody{margin:0;background:var(--sdc-bg);}\n#sdc-booking{padding:0!important;\n  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;\n  color:var(--sdc-text); max-width:900px; margin:0 auto; padding:36px 18px 56px;\n  -webkit-font-smoothing:antialiased; line-height:1.5;\n}\n#sdc-booking *{box-sizing:border-box}\n\/* \u2500\u2500 Kopf \u2500\u2500 *\/\n.sdc-head{text-align:center;margin-bottom:26px}\n.sdc-head img{height:52px;width:auto;margin-bottom:14px}\n.sdc-head h2{font-size:clamp(21px,3.4vw,27px);font-weight:600;letter-spacing:.04em;margin:0 0 6px;text-transform:uppercase}\n.sdc-head p{margin:0;font-size:14.5px;font-weight:300;color:var(--sdc-text-60)}\n\/* \u2500\u2500 Fortschritt \u2500\u2500 *\/\n.sdc-steps{display:flex;align-items:center;justify-content:center;margin:22px 0 26px;gap:0}\n.sdc-step{display:flex;flex-direction:column;align-items:center;gap:5px}\n.sdc-dot{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;\n  font-size:12.5px;font-weight:600;background:var(--sdc-line);color:var(--sdc-text-40);transition:.25s}\n.sdc-dot.active{background:var(--sdc-accent);color:#fff}\n.sdc-dot.done{background:var(--sdc-accent-dk);color:#fff}\n.sdc-slabel{font-size:11px;letter-spacing:.04em;color:var(--sdc-text-40);text-transform:uppercase;font-weight:500}\n.sdc-slabel.active{color:var(--sdc-accent-dk)}\n.sdc-line{width:64px;height:2px;background:var(--sdc-line);margin:0 8px 18px;transition:.25s}\n.sdc-line.active{background:var(--sdc-accent)}\n\/* \u2500\u2500 Suche \u2500\u2500 *\/\n.sdc-search{position:relative;margin-bottom:14px}\n.sdc-search input{width:100%;padding:13px 16px 13px 42px;border:1px solid var(--sdc-line);border-radius:var(--sdc-radius);\n  font:inherit;font-size:15px;background:var(--sdc-white);color:var(--sdc-text);outline:none;transition:.2s}\n.sdc-search input:focus{border-color:var(--sdc-accent);box-shadow:0 0 0 3px var(--sdc-accent-08)}\n.sdc-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:17px;height:17px;stroke:var(--sdc-text-40);fill:none;stroke-width:2}\n\/* \u2500\u2500 Schnellauswahl \u2500\u2500 *\/\n.sdc-quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-bottom:22px}\n.sdc-quick button{background:var(--sdc-white);border:1px solid var(--sdc-line);border-radius:var(--sdc-radius);\n  padding:14px 15px;text-align:left;cursor:pointer;font:inherit;color:var(--sdc-text);transition:.2s;box-shadow:var(--sdc-shadow)}\n.sdc-quick button:hover{border-color:var(--sdc-accent);box-shadow:var(--sdc-shadow-md);transform:translateY(-1px)}\n.sdc-quick b{display:block;font-size:14px;font-weight:600;margin-bottom:2px}\n.sdc-quick span{font-size:12px;color:var(--sdc-text-60);font-weight:300}\n.sdc-sectitle{font-size:11.5px;letter-spacing:.10em;text-transform:uppercase;color:var(--sdc-text-40);\n  font-weight:600;margin:0 0 9px}\n\/* \u2500\u2500 Akkordeon \u2500\u2500 *\/\n.sdc-acc{display:flex;flex-direction:column;gap:9px}\n.sdc-cat{background:var(--sdc-white);border:1px solid var(--sdc-line);border-radius:var(--sdc-radius);overflow:hidden;transition:.2s}\n.sdc-cat.open{border-color:var(--sdc-accent);box-shadow:var(--sdc-shadow-md)}\n.sdc-cathead{display:grid;grid-template-columns:minmax(150px,240px) 1fr 24px;align-items:center;gap:16px;\n  width:100%;padding:17px 18px;background:none;border:0;cursor:pointer;font:inherit;color:inherit;text-align:left}\n.sdc-cathead:hover{background:var(--sdc-accent-08)}\n.sdc-cat.open .sdc-cathead{background:var(--sdc-accent-08)}\n.sdc-catname{font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}\n.sdc-catdesc{font-size:12.5px;color:var(--sdc-text-60);font-weight:300}\n.sdc-chev{width:18px;height:18px;stroke:var(--sdc-text-40);fill:none;stroke-width:2;transition:transform .25s;justify-self:end}\n.sdc-cat.open .sdc-chev{transform:rotate(180deg);stroke:var(--sdc-accent-dk)}\n.sdc-catbody{display:none;padding:4px 12px 14px}\n.sdc-cat.open .sdc-catbody{display:block}\n.sdc-grouplabel{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--sdc-accent-dk);\n  font-weight:600;margin:14px 6px 7px}\n\/* \u2500\u2500 Behandlungszeile \u2500\u2500 *\/\n.sdc-item{display:grid;grid-template-columns:minmax(150px,240px) 1fr auto;align-items:center;gap:16px;\n  width:100%;text-align:left;background:var(--sdc-bg);border:1px solid transparent;border-radius:8px;\n  padding:13px 15px;margin-bottom:7px;cursor:pointer;font:inherit;color:inherit;transition:.16s}\n.sdc-item:hover{background:var(--sdc-white);border-color:var(--sdc-accent);box-shadow:var(--sdc-shadow-md)}\n.sdc-itemname{font-size:14px;font-weight:600}\n.sdc-iteminfo{font-size:12.5px;color:var(--sdc-text-60);font-weight:300}\n.sdc-iteminfo:empty{display:none}\n.sdc-dur{font-size:11.5px;color:var(--sdc-text-60);white-space:nowrap;display:flex;align-items:center;gap:5px}\n.sdc-dur svg{width:13px;height:13px;stroke:var(--sdc-text-40);fill:none;stroke-width:2}\n.sdc-empty{padding:26px 6px;text-align:center;color:var(--sdc-text-60);font-size:14px;font-weight:300}\n.sdc-badge{display:inline-block;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--sdc-accent-dk);\n  background:var(--sdc-accent-08);border-radius:20px;padding:2px 9px;margin-top:4px;font-weight:600}\n\/* \u2500\u2500 Schritt 2 \u2500\u2500 *\/\n.sdc-back{display:inline-flex;align-items:center;gap:7px;background:none;border:0;cursor:pointer;font:inherit;\n  font-size:13.5px;font-weight:500;color:var(--sdc-text-60);padding:7px 12px 7px 6px;border-radius:8px;margin-bottom:12px;transition:.2s}\n.sdc-back:hover{color:var(--sdc-accent-dk);background:var(--sdc-accent-08)}\n.sdc-back svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2}\n.sdc-summary{display:flex;align-items:center;gap:14px;background:var(--sdc-white);border:1px solid var(--sdc-accent);\n  border-radius:var(--sdc-radius);padding:15px 18px;margin-bottom:12px}\n.sdc-sum-ico{width:42px;height:42px;border-radius:50%;background:var(--sdc-accent);flex-shrink:0;\n  display:flex;align-items:center;justify-content:center}\n.sdc-sum-ico svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2}\n.sdc-sum-txt{flex:1;font-size:14px}\n.sdc-sum-txt strong{display:block;font-weight:600}\n.sdc-sum-txt span{font-size:12.5px;color:var(--sdc-text-60);font-weight:300}\n.sdc-change{background:none;border:1px solid var(--sdc-line);border-radius:20px;padding:7px 15px;font:inherit;\n  font-size:12.5px;cursor:pointer;color:var(--sdc-text-60);transition:.2s;white-space:nowrap}\n.sdc-change:hover{border-color:var(--sdc-accent);color:var(--sdc-accent-dk)}\n.sdc-frame{position:relative;background:var(--sdc-white);border:1px solid var(--sdc-line);\n  border-radius:var(--sdc-radius);overflow:hidden;box-shadow:var(--sdc-shadow-md)}\n.sdc-frame iframe{width:100%;height:1150px;min-height:1150px;max-height:none;border:0;display:block;\n  -webkit-text-size-adjust:100%;touch-action:pan-x pan-y}\n.sdc-loader{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;\n  gap:13px;background:var(--sdc-white);z-index:2;transition:opacity .3s}\n.sdc-loader.hide{opacity:0;pointer-events:none}\n.sdc-spin{width:30px;height:30px;border:3px solid var(--sdc-line);border-top-color:var(--sdc-accent);\n  border-radius:50%;animation:sdcspin .8s linear infinite}\n@keyframes sdcspin{to{transform:rotate(360deg)}}\n.sdc-loader p{margin:0;font-size:13.5px;color:var(--sdc-text-60);font-weight:300}\n.sdc-foot{text-align:center;margin-top:26px;padding-top:16px;border-top:1px solid var(--sdc-line)}\n.sdc-foot p{margin:0;font-size:13px;color:var(--sdc-text-40);font-weight:300;line-height:1.7}\n.sdc-foot a{color:var(--sdc-accent-dk);text-decoration:none}\n.sdc-foot a:hover{text-decoration:underline}\n.sdc-fade{animation:sdcup .3s ease-out both}\n@keyframes sdcup{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}\n\/* \u2500\u2500 Buchungsschritt: die Seite steht still, nur der iFrame scrollt \u2500\u2500\u2500\u2500\u2500\u2500\n   Grund: SwissMR meldet keine Inhaltsh\u00f6he, der iFrame muss also intern\n   scrollen. Zwei scrollende Ebenen \u00fcbereinander = der Nutzer bleibt h\u00e4ngen,\n   sobald die \u00e4ussere Seite am Ende ist. Im Schritt 2 sperren wir deshalb\n   die Seite auf Viewporth\u00f6he \u2013 dann gibt es nur noch EINEN Scrollbereich. *\/\nhtml.sdc-lock,html.sdc-lock body{height:100%;overflow:hidden;overscroll-behavior:none}\nhtml.sdc-lock #sdc-booking{height:100vh;height:100dvh;display:flex;flex-direction:column;\n  padding-top:16px;padding-bottom:16px}\nhtml.sdc-lock .sdc-head,html.sdc-lock .sdc-steps,html.sdc-lock .sdc-foot{display:none}\nhtml.sdc-lock #sdc-content{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}\nhtml.sdc-lock .sdc-back{flex:0 0 auto;margin-bottom:8px}\nhtml.sdc-lock .sdc-summary{flex:0 0 auto;padding:11px 13px}\nhtml.sdc-lock .sdc-sum-ico{width:34px;height:34px}\nhtml.sdc-lock .sdc-sum-txt strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}\nhtml.sdc-lock .sdc-sum-txt span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}\nhtml.sdc-lock .sdc-frame{flex:1 1 auto;min-height:0;display:flex}\nhtml.sdc-lock .sdc-frame iframe{height:100%;min-height:0;max-height:none;flex:1 1 auto}\n\/* Ab Desktop ist genug Platz \u2013 Logo und Fortschritt bleiben sichtbar,\n   nur enger gesetzt, damit der iFrame trotzdem gross bleibt. *\/\n@media (min-width:1025px) and (min-height:760px){\n  html.sdc-lock .sdc-head{display:block;margin-bottom:14px}\n  html.sdc-lock .sdc-head img{height:40px;margin-bottom:9px}\n  html.sdc-lock .sdc-head p{display:none}\n  html.sdc-lock .sdc-steps{display:flex;margin:0 0 16px}\n}\n\/* \u2500\u2500 Mobil \u2500\u2500 *\/\n@media (max-width:700px){\n  #sdc-booking{padding:22px 20px 40px}\n  .sdc-cathead,.sdc-item{grid-template-columns:1fr auto;gap:5px 12px;align-items:start}\n  .sdc-cathead .sdc-catname{grid-row:1;grid-column:1}\n  .sdc-cathead .sdc-chev{grid-row:1;grid-column:2;align-self:center}\n  .sdc-cathead .sdc-catdesc{grid-row:2;grid-column:1\/-1}\n  .sdc-item .sdc-itemname{grid-row:1;grid-column:1}\n  .sdc-item .sdc-dur{grid-row:1;grid-column:2;align-self:center}\n  .sdc-item .sdc-iteminfo{grid-row:2;grid-column:1\/-1}\n  .sdc-line{width:34px}\n  .sdc-frame iframe{height:900px;min-height:900px}\n  .sdc-summary{gap:11px;padding:13px 14px}\n  .sdc-sum-ico{width:38px;height:38px}\n}\n\n\n\/* Variante A \u2013 evolution\u00e4r: Claudes Aufbau, visuell mit SwissMR harmonisiert *\/\n:root {\n  --sdc-text: #201c1b;\n  --sdc-text-60: #4b4441;\n  --sdc-text-40: #6c625e;\n  --sdc-accent: #c8a79b;\n  --sdc-accent-dk: #9d6f5e;\n  --sdc-accent-08: rgba(157, 111, 94, .11);\n  --sdc-bg: #f7f3f1;\n  --sdc-white: #fff;\n  --sdc-line: #d8ccc7;\n  --sdc-radius: 0;\n  --sdc-shadow: 0 2px 8px rgba(57, 43, 38, .05);\n  --sdc-shadow-md: 0 12px 30px rgba(57, 43, 38, .13);\n}\n\nhtml,\nbody {\n  background: var(--sdc-bg);\n}\n\n#sdc-booking {\n  max-width: 900px;\n  padding: 44px 18px 60px;\n  color: var(--sdc-text);\n  font-size: 15px;\n}\n\n.sdc-head {\n  margin-bottom: 28px;\n}\n\n.sdc-head img {\n  height: 58px;\n  margin-bottom: 18px;\n}\n\n.sdc-head h2 {\n  margin-bottom: 8px;\n  font-size: clamp(25px, 3.6vw, 32px);\n  font-weight: 500;\n  letter-spacing: .065em;\n}\n\n.sdc-head p {\n  color: var(--sdc-text-60);\n  font-size: 14px;\n  font-weight: 400;\n}\n\n.sdc-steps {\n  margin: 24px 0 31px;\n}\n\n.sdc-dot {\n  width: 32px;\n  height: 32px;\n  border: 1px solid var(--sdc-line);\n  background: #fff;\n  color: var(--sdc-text-40);\n}\n\n.sdc-dot.active,\n.sdc-dot.done {\n  border-color: var(--sdc-accent-dk);\n  background: var(--sdc-accent-dk);\n}\n\n.sdc-slabel {\n  color: var(--sdc-text-40);\n  letter-spacing: .09em;\n}\n\n.sdc-slabel.active {\n  color: var(--sdc-accent-dk);\n}\n\n.sdc-line {\n  width: 74px;\n  height: 1px;\n  margin-right: 12px;\n  margin-left: 12px;\n}\n\n.sdc-search {\n  margin-bottom: 14px;\n}\n\n.sdc-search input {\n  min-height: 56px;\n  padding: 15px 18px 15px 48px;\n  border-color: var(--sdc-line);\n  border-radius: var(--sdc-radius);\n  color: var(--sdc-text);\n  font-size: 14px;\n  font-weight: 400;\n  box-shadow: none;\n}\n\n.sdc-search input::placeholder {\n  color: var(--sdc-text-40);\n  opacity: 1;\n}\n\n.sdc-search input:focus {\n  border-color: var(--sdc-accent-dk);\n  box-shadow: inset 0 0 0 1px var(--sdc-accent-dk);\n}\n\n.sdc-search svg {\n  left: 17px;\n  stroke: var(--sdc-accent-dk);\n}\n\n.sdc-quick {\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 10px;\n  margin-bottom: 29px;\n}\n\n.sdc-quick button {\n  min-height: 96px;\n  padding: 17px 16px 15px;\n  border-color: var(--sdc-line);\n  border-radius: var(--sdc-radius);\n  box-shadow: none;\n}\n\n.sdc-quick button:hover,\n.sdc-quick button:focus-visible {\n  border-color: var(--sdc-accent-dk);\n  box-shadow: inset 0 0 0 1px var(--sdc-accent-dk);\n  transform: none;\n}\n\n.sdc-quick b {\n  margin-bottom: 5px;\n  color: var(--sdc-text);\n  font-size: 13.5px;\n}\n\n.sdc-quick span {\n  color: var(--sdc-text-60);\n  font-size: 11.5px;\n  font-weight: 400;\n}\n\n.sdc-sectitle {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 11px;\n  color: var(--sdc-accent-dk);\n  font-size: 10.5px;\n  letter-spacing: .16em;\n}\n\n.sdc-sectitle::after {\n  height: 1px;\n  flex: 1;\n  background: var(--sdc-line);\n  content: '';\n}\n\n.sdc-acc {\n  gap: 9px;\n}\n\n.sdc-cat {\n  border-color: var(--sdc-line);\n  border-radius: var(--sdc-radius);\n  box-shadow: none;\n}\n\n.sdc-cat:not(.open):hover,\n.sdc-cat:not(.open):focus-within {\n  border-color: var(--sdc-accent-dk);\n  box-shadow: inset 0 0 0 1px var(--sdc-accent-dk);\n}\n\n.sdc-cat.open {\n  border-color: var(--sdc-accent-dk);\n  border-left: 3px solid var(--sdc-accent-dk);\n  box-shadow: var(--sdc-shadow-md);\n}\n\n.sdc-cathead {\n  min-height: 64px;\n  padding: 17px 18px;\n  grid-template-columns: minmax(175px, 255px) 1fr 24px;\n}\n\n.sdc-cathead:hover,\n.sdc-cathead:focus-visible {\n  background: transparent;\n}\n\n.sdc-cat.open .sdc-cathead {\n  background: #efe1dc;\n}\n\n.sdc-catname {\n  color: var(--sdc-text);\n  font-size: 12.5px;\n  font-weight: 600;\n  letter-spacing: .085em;\n}\n\n.sdc-catdesc {\n  color: var(--sdc-text-60);\n  font-size: 12px;\n  font-weight: 400;\n}\n\n.sdc-chev {\n  stroke: var(--sdc-text-40);\n}\n\n.sdc-cat.open .sdc-chev {\n  stroke: var(--sdc-accent-dk);\n}\n\n.sdc-catbody {\n  padding: 6px 14px 16px;\n  border-top: 1px solid var(--sdc-line);\n  background: #faf7f5;\n}\n\n.sdc-grouplabel {\n  color: var(--sdc-accent-dk);\n}\n\n.sdc-item {\n  margin-bottom: 6px;\n  padding: 13px 14px;\n  border-radius: 0;\n  background: #fff;\n}\n\n.sdc-item:hover,\n.sdc-item:focus-visible {\n  border-color: var(--sdc-accent);\n  box-shadow: inset 3px 0 0 var(--sdc-accent-dk);\n}\n\n.sdc-itemname {\n  color: var(--sdc-text);\n  font-size: 13px;\n}\n\n.sdc-iteminfo,\n.sdc-dur,\n.sdc-empty {\n  color: var(--sdc-text-60);\n  font-weight: 400;\n}\n\n.sdc-summary {\n  border-color: var(--sdc-accent-dk);\n  border-radius: 0;\n  box-shadow: 0 4px 16px rgba(57, 43, 38, .08);\n}\n\n.sdc-back,\n.sdc-change,\n.sdc-badge {\n  border-radius: 0;\n}\n\n.sdc-sum-ico {\n  background: var(--sdc-accent-dk);\n}\n\n.sdc-sum-txt span,\n.sdc-back,\n.sdc-change,\n.sdc-loader p,\n.sdc-foot p {\n  color: var(--sdc-text-60);\n  font-weight: 400;\n}\n\n.sdc-frame {\n  border-color: var(--sdc-line);\n  border-radius: 0;\n  box-shadow: 0 10px 28px rgba(57, 43, 38, .11);\n}\n\n.sdc-frame iframe {\n  border-radius: 0;\n}\n\n.sdc-quick button:focus-visible,\n.sdc-cathead:focus-visible,\n.sdc-item:focus-visible,\n.sdc-back:focus-visible,\n.sdc-change:focus-visible {\n  outline: 2px solid var(--sdc-accent-dk);\n  outline-offset: 2px;\n}\n\n@media (max-width: 900px) {\n  .sdc-quick {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 700px) {\n  #sdc-booking {\n    padding: 30px 14px 44px;\n  }\n\n  .sdc-head img {\n    height: 50px;\n  }\n\n  .sdc-head h2 {\n    font-size: 25px;\n  }\n\n  .sdc-quick {\n    grid-template-columns: 1fr;\n    gap: 8px;\n  }\n\n  .sdc-quick button {\n    min-height: 0;\n  }\n}\n\n.sdc-item>*,.sdc-cathead>*,.sdc-summary>*,.sdc-quick button>*{min-width:0}\n#sdc-booking .sdc-itemname,#sdc-booking .sdc-catname,#sdc-booking .sdc-iteminfo,#sdc-booking .sdc-catdesc,#sdc-booking .sdc-sum-txt strong,#sdc-booking .sdc-sum-txt span,#sdc-booking .sdc-quick button strong,#sdc-booking .sdc-quick button span,#sdc-booking .sdc-empty,#sdc-booking .sdc-group{white-space:normal!important;overflow-wrap:break-word;word-break:normal;text-overflow:clip}\n.sdc-dur{flex:0 0 auto;justify-self:end}\n.sdc-item,.sdc-cathead{column-gap:14px}\n\n#sdc-booking button:hover,#sdc-booking button:focus,#sdc-booking button[type=\"button\"]:hover,#sdc-booking button[type=\"button\"]:focus{color:inherit;background-color:transparent;text-decoration:none}\n#sdc-booking .sdc-search input:focus{border-color:var(--sdc-accent);box-shadow:0 0 0 3px var(--sdc-accent-08)}\n#sdc-booking .sdc-quick button:hover{border-color:var(--sdc-accent);box-shadow:var(--sdc-shadow-md);transform:translateY(-1px)}\n#sdc-booking .sdc-cathead:hover{background:var(--sdc-accent-08)}\n#sdc-booking .sdc-cat.open .sdc-cathead{background:var(--sdc-accent-08)}\n#sdc-booking .sdc-cat.open .sdc-chev{transform:rotate(180deg);stroke:var(--sdc-accent-dk)}\n#sdc-booking .sdc-cat.open .sdc-catbody{display:block}\n#sdc-booking .sdc-item:hover{background:var(--sdc-white);border-color:var(--sdc-accent);box-shadow:var(--sdc-shadow-md)}\n#sdc-booking .sdc-back:hover{color:var(--sdc-accent-dk);background:var(--sdc-accent-08)}\n#sdc-booking .sdc-change:hover{border-color:var(--sdc-accent);color:var(--sdc-accent-dk)}\n#sdc-booking .sdc-foot a:hover{text-decoration:underline}\n#sdc-booking .sdc-search input:focus{border-color: var(--sdc-accent-dk);\n  box-shadow: inset 0 0 0 1px var(--sdc-accent-dk);}\n#sdc-booking .sdc-quick button:focus-visible{border-color: var(--sdc-accent-dk);\n  box-shadow: inset 0 0 0 1px var(--sdc-accent-dk);\n  transform: none;}\n#sdc-booking .sdc-cat:not(.open):focus-within{border-color: var(--sdc-accent-dk);\n  box-shadow: inset 0 0 0 1px var(--sdc-accent-dk);}\n#sdc-booking .sdc-cathead:focus-visible{background: transparent;}\n#sdc-booking .sdc-cat.open .sdc-cathead{background: #efe1dc;}\n#sdc-booking .sdc-cat.open .sdc-chev{stroke: var(--sdc-accent-dk);}\n#sdc-booking .sdc-item:focus-visible{border-color: var(--sdc-accent);\n  box-shadow: inset 3px 0 0 var(--sdc-accent-dk);}\n#sdc-booking .sdc-change:focus-visible{outline: 2px solid var(--sdc-accent-dk);\n  outline-offset: 2px;}\n\n.elementor-element-c5800fd{display:none!important}\n\n@media(max-width:1024px){#sdc-booking{padding-left:30px!important;padding-right:30px!important}#sdc-booking .sdc-frame{margin-left:0;margin-right:0}}\n@media(min-width:1025px){#sdc-booking{padding-top:10px}}\n\n@media(max-width:1024px){.elementor-element-sdcembh .elementor-heading-title{font-size:26px!important;line-height:1.25!important;padding:0 30px}}\n\n@media(max-width:1024px){#sdc-booking .sdc-cathead{grid-template-columns:1fr 24px}#sdc-booking .sdc-cathead .sdc-catname{grid-row:1;grid-column:1}#sdc-booking .sdc-cathead .sdc-chev{grid-row:1;grid-column:2;justify-self:end}#sdc-booking .sdc-cathead .sdc-catdesc{grid-row:2;grid-column:1\/-1}#sdc-booking .sdc-item{grid-template-columns:1fr auto}#sdc-booking .sdc-item .sdc-dur{grid-column:2;justify-self:end}}\n\n\/* Chatbase-Chat auf der Buchungsseite ausblenden *\/\n.elementor-element-9398073{display:none!important}\n#chatbase-bubble-button,#chatbase-bubble-window,#chatbase-message-bubbles{display:none!important}\n\/* Mobil: Zusammenfassung gestapelt und linksbuendig, Zusatzzeile weg *\/\n@media(max-width:767px){#sdc-booking .sdc-summary{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px 12px;text-align:left}#sdc-booking .sdc-sum-ico{display:flex;grid-row:1;grid-column:1;flex:0 0 auto}#sdc-booking .sdc-sum-txt{grid-row:1;grid-column:2;min-width:0}#sdc-booking .sdc-sum-txt span{display:none}#sdc-booking .sdc-sum-txt strong{-webkit-line-clamp:unset;display:block}#sdc-booking .sdc-change{display:none}}\n<\/style>\n<div id=\"sdc-booking\" style=\"width:100%;max-width:900px;margin:0 auto;box-sizing:border-box\">\n  <div class=\"sdc-head\">\n    <p id=\"sdc-sub\">Choo\u00adse your tre\u00adat\u00adment \u2013 then instant\u00adly see all available appointments.<\/p>\n  <\/div>\n  <div class=\"sdc-steps\">\n    <div class=\"sdc-step\"><div class=\"sdc-dot active\" id=\"sdc-dot-1\">1<\/div><div class=\"sdc-slabel active\" id=\"sdc-lbl-1\">Tre\u00adat\u00adment<\/div><\/div>\n    <div class=\"sdc-line\" id=\"sdc-line-1\"><\/div>\n    <div class=\"sdc-step\"><div class=\"sdc-dot\" id=\"sdc-dot-2\">2<\/div><div class=\"sdc-slabel\" id=\"sdc-lbl-2\">Appoint\u00adment<\/div><\/div>\n  <\/div>\n\n  <div id=\"sdc-content\"><\/div>\n\n  <div class=\"sdc-foot\" id=\"sdc-foot\">\n    <p>Can\u2019t find your tre\u00adat\u00adment? Call us: <a href=\"tel:+41447399000\">+41 44 739 90&nbsp;00<\/a><br>\n    Swiss Der\u00adma Cli\u00adnic \u00b7 L\u00f6wen\u00adstras\u00adse 1 \u00b7 8001 Z\u00fcrich<\/p>\n  <\/div>\n<\/div>\n\n<script>\n\n(function(){\n  'use strict';\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     KONFIGURATION  \u2014  hier pflegen, wenn neue Behandlungen dazukommen\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     smrBase          : Mandanten-URL des SwissMR-Buchungstools\n     usePreselectProv : true  = Behandler wird mit vorausgew\u00e4hlt und im\n                                iFrame gesperrt (weniger freie Termine!)\n                        false = Patient sieht alle verf\u00fcgbaren Behandler\n     quick            : die 4 h\u00e4ufigsten Einstiege ganz oben\n     categories       : Kategorien -> Behandlungen (id = SwissMR-Termintyp)\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  var CONFIG = {\n    smrBase: 'https:\/\/online-termine.app\/v4\/swissdermaclinic',\n    lang: 'en', \/* Sprache des SwissMR-Formulars (de \/ en \/ fr \u2026)*\/\n    usePreselectProv: false,\n    quick: [\n      { id:'267',  title:'First consultation',      sub:'Your first visit to our clinic' },\n      { id:'268',  title:'Follow-up consultation',  sub:'You have visited us before' },\n      { id:'269',  title:'Mole check',              sub:'Body mapping, AI-powered' },\n      { id:'272',  title:'Aesthetic consultation',  sub:'Advice before your treatment' }\n    ],\n    categories: [{\"id\": \"derma\", \"label\": \"Medical Dermatology\", \"desc\": \"Consultation \u2022 Mole check \u2022 Follow-up\", \"items\": [{\"id\": \"267\", \"label\": \"First consultation\", \"dur\": \"20\", \"info\": \"\"}, {\"id\": \"268\", \"label\": \"Follow-up consultation\", \"dur\": \"15\", \"info\": \"\"}, {\"id\": \"269\", \"label\": \"Mole check body mapping (AI-powered)\", \"dur\": \"20\", \"info\": \"\"}, {\"id\": \"2474\", \"label\": \"Dermatological consultation (private service)\", \"dur\": \"30\", \"info\": \"\"}]}, {\"id\": \"aesthetik\", \"label\": \"Medical Aesthetics\", \"desc\": \"Botulinum \u2022 Hyaluronic acid & fillers \u2022 Lipolysis \u2022 Skin boosters\", \"groups\": [{\"label\": \"Consultation\", \"items\": [{\"id\": \"272\", \"label\": \"Aesthetic consultation\", \"dur\": \"30\", \"info\": \"\"}, {\"id\": \"299\", \"label\": \"Thread lift consultation\", \"dur\": \"30\", \"info\": \"\"}, {\"id\": \"1900\", \"label\": \"Radiesse consultation\", \"dur\": \"30\", \"info\": \"\"}]}, {\"label\": \"Botulinum \u2013 wrinkle treatment\", \"items\": [{\"id\": \"273\", \"label\": \"Botulinum frown lines\", \"dur\": \"15\", \"info\": \"\"}, {\"id\": \"274\", \"label\": \"Botulinum forehead lines\", \"dur\": \"15\", \"info\": \"\"}, {\"id\": \"275\", \"label\": \"Botulinum crow's feet\", \"dur\": \"15\", \"info\": \"\"}, {\"id\": \"2368\", \"label\": \"Botulinum platysma\/neck\", \"dur\": \"15\", \"info\": \"\"}, {\"id\": \"437\", \"label\": \"Botulinum 1 zone\", \"dur\": \"15\", \"info\": \"\"}, {\"id\": \"276\", \"label\": \"Botulinum 2 zones\", \"dur\": \"20\", \"info\": \"\"}, {\"id\": \"277\", \"label\": \"Botulinum 3 zones\", \"dur\": \"30\", \"info\": \"\"}]}, {\"label\": \"Botulinum \u2013 excessive sweating\", \"items\": [{\"id\": \"252\", \"label\": \"Botulinum armpits (sweating)\", \"dur\": \"30\", \"info\": \"\"}, {\"id\": \"288\", \"label\": \"Botulinum scalp (sweating)\", \"dur\": \"30\", \"info\": \"\"}, {\"id\": \"289\", \"label\": \"Botulinum hands (sweating)\", \"dur\": \"30\", \"info\": \"\"}, {\"id\": \"290\", \"label\": \"Botulinum feet (sweating)\", \"dur\": \"40\", \"info\": \"\"}]}, {\"label\": \"Hyaluronic acid & fillers\", \"items\": [{\"id\": \"287\", \"label\": \"Hyaluronic acid liquid facelifting (3 ampoules)\", \"dur\": \"30\", \"info\": \"\"}, {\"id\": \"286\", \"label\": \"Hyaluronic acid 2 zones\", \"dur\": \"20\", \"info\": \"\"}, {\"id\": \"279\", \"label\": \"Hyaluronic acid lips & corners of the mouth\", \"dur\": \"20\", \"info\": \"\"}, {\"id\": \"280\", \"label\": \"Hyaluronic acid tear troughs\", \"dur\": \"20\", \"info\": \"\"}, {\"id\": \"281\", \"label\": \"Hyaluronic acid cheeks\", \"dur\": \"20\", \"info\": \"\"}, {\"id\": \"282\", \"label\": \"Hyaluronic acid nasolabial folds\", \"dur\": \"20\", \"info\": \"\"}, {\"id\": \"266\", \"label\": \"Hyaluronic acid marionette lines\", \"dur\": \"20\", \"info\": \"\"}, {\"id\": \"284\", \"label\": \"Hyaluronic acid chin\", \"dur\": \"20\", \"info\": \"\"}, {\"id\": \"285\", \"label\": \"Hyaluronic acid jawline\", \"dur\": \"20\", \"info\": \"\"}, {\"id\": \"1896\", \"label\": \"Hylase (hyaluronic acid dissolving)\", \"dur\": \"20\", \"info\": \"\"}]}, {\"label\": \"Lipolysis \u2013 fat-dissolving injections\", \"items\": [{\"id\": \"292\", \"label\": \"Fat-dissolving injection double chin\", \"dur\": \"20\", \"info\": \"\"}, {\"id\": \"291\", \"label\": \"Fat-dissolving injection jowls\", \"dur\": \"20\", \"info\": \"\"}, {\"id\": \"293\", \"label\": \"Fat-dissolving injection abdomen\", \"dur\": \"40\", \"info\": \"\"}, {\"id\": \"294\", \"label\": \"Fat-dissolving injection love handles\", \"dur\": \"40\", \"info\": \"\"}, {\"id\": \"297\", \"label\": \"Fat-dissolving injection flanks\", \"dur\": \"40\", \"info\": \"\"}, {\"id\": \"295\", \"label\": \"Fat-dissolving injection saddlebags\", \"dur\": \"40\", \"info\": \"\"}, {\"id\": \"296\", \"label\": \"Fat-dissolving injection inner thighs\", \"dur\": \"40\", \"info\": \"\"}, {\"id\": \"298\", \"label\": \"Fat-dissolving injection chest (men only)\", \"dur\": \"40\", \"info\": \"\"}]}, {\"label\": \"Skin boosters & regeneration\", \"items\": [{\"id\": \"504\", \"label\": \"Profhilo\u00ae\", \"dur\": \"30\", \"info\": \"\"}, {\"id\": \"1844\", \"label\": \"Profhilo\u00ae Structura\", \"dur\": \"20\", \"info\": \"\"}, {\"id\": \"2469\", \"label\": \"SUNEKOS\", \"dur\": \"30\", \"info\": \"\"}, {\"id\": \"845\", \"label\": \"Polynucleotides\", \"dur\": \"20\", \"info\": \"\"}, {\"id\": \"1355\", \"label\": \"Exosomes\", \"dur\": \"30\", \"info\": \"\"}, {\"id\": \"301\", \"label\": \"Mesotherapy\", \"dur\": \"30\", \"info\": \"\"}, {\"id\": \"300\", \"label\": \"PRP (plasma)\", \"dur\": \"20\", \"info\": \"\"}, {\"id\": \"302\", \"label\": \"Medical needling\", \"dur\": \"30\", \"info\": \"\"}]}]}, {\"id\": \"plastik\", \"label\": \"Plastic Surgery\", \"desc\": \"Eyelids \u2022 Nose \u2022 Breast \u2022 Body contouring \u2022 Liposuction\", \"items\": [{\"id\": \"2752\", \"label\": \"Specialist initial consultation (fee-based)\", \"dur\": \"45\", \"info\": \"Initial consultation with Dr. N. Chianese, plastic surgeon FMH\"}, {\"id\": \"2752\", \"label\": \"Upper eyelid lift\", \"dur\": \"45\", \"info\": \"Initial consultation plastic surgery\"}, {\"id\": \"2752\", \"label\": \"Lower eyelid lift\", \"dur\": \"45\", \"info\": \"Initial consultation plastic surgery\"}, {\"id\": \"2752\", \"label\": \"Upper & lower eyelid lift\", \"dur\": \"45\", \"info\": \"Initial consultation plastic surgery\"}, {\"id\": \"2752\", \"label\": \"Eyebrow lift\", \"dur\": \"45\", \"info\": \"Initial consultation plastic surgery\"}, {\"id\": \"2752\", \"label\": \"Nose correction (rhinoplasty)\", \"dur\": \"45\", \"info\": \"Initial consultation plastic surgery\"}, {\"id\": \"2752\", \"label\": \"Correction of protruding ears\", \"dur\": \"45\", \"info\": \"Initial consultation plastic surgery\"}, {\"id\": \"2752\", \"label\": \"Breast augmentation with implants\", \"dur\": \"45\", \"info\": \"Initial consultation plastic surgery\"}, {\"id\": \"2752\", \"label\": \"Breast augmentation with own fat\", \"dur\": \"45\", \"info\": \"Initial consultation plastic surgery\"}, {\"id\": \"2752\", \"label\": \"Breast lift with implants\", \"dur\": \"45\", \"info\": \"Initial consultation plastic surgery\"}, {\"id\": \"2752\", \"label\": \"Breast lift without implants\", \"dur\": \"45\", \"info\": \"Initial consultation plastic surgery\"}, {\"id\": \"2752\", \"label\": \"Breast reduction\", \"dur\": \"45\", \"info\": \"Initial consultation plastic surgery\"}, {\"id\": \"2752\", \"label\": \"Upper arm lift\", \"dur\": \"45\", \"info\": \"Initial consultation plastic surgery\"}, {\"id\": \"2752\", \"label\": \"Tummy tuck (abdominoplasty)\", \"dur\": \"45\", \"info\": \"Initial consultation plastic surgery\"}, {\"id\": \"2752\", \"label\": \"Liposuction\", \"dur\": \"45\", \"info\": \"Initial consultation plastic surgery\"}]}, {\"id\": \"laser\", \"label\": \"Laser & Energy-Based Devices\", \"desc\": \"Harmony IPL \u2022 CO2 \u2022 Clear Skin \u2022 Genius \u2022 Sofwave\", \"items\": [{\"id\": \"272\", \"label\": \"Consultation (fee-based)\", \"dur\": \"30\", \"info\": \"\"}, {\"id\": \"1890\", \"label\": \"Harmony IPL (couperose, pigmentation, rejuvenation)\", \"dur\": \"20\", \"info\": \"\"}, {\"id\": \"1873\", \"label\": \"Pixel fractional CO2 laser (rejuvenation, scars)\", \"dur\": \"30\", \"info\": \"\"}, {\"id\": \"1901\", \"label\": \"Erbium (removal of benign skin lesions)\", \"dur\": \"20\", \"info\": \"\"}, {\"id\": \"1907\", \"label\": \"Clear Skin Pro (acne & acne scars)\", \"dur\": \"45\", \"info\": \"\"}, {\"id\": \"1904\", \"label\": \"Clear Lift Pro (tattoo, pigmentation, permanent make-up)\", \"dur\": \"20\", \"info\": \"\"}, {\"id\": \"1346\", \"label\": \"Genius (radiofrequency needling)\", \"dur\": \"30\", \"info\": \"\"}, {\"id\": \"1350\", \"label\": \"Sofwave (ultrasound lifting)\", \"dur\": \"40\", \"info\": \"\"}, {\"id\": \"1792\", \"label\": \"Soprano laser hair removal\", \"dur\": \"30\", \"info\": \"\"}]}, {\"id\": \"haare\", \"label\": \"Hair\", \"desc\": \"Hair loss \u2022 PRP \u2022 Exosomes \u2022 Hair removal\", \"items\": [{\"id\": \"267\", \"label\": \"Hair loss assessment\", \"dur\": \"20\", \"info\": \"\"}, {\"id\": \"272\", \"label\": \"Medical consultation (fee-based)\", \"dur\": \"30\", \"info\": \"\"}, {\"id\": \"1846\", \"label\": \"PRP hair\", \"dur\": \"20\", \"info\": \"\"}, {\"id\": \"1349\", \"label\": \"Exosomes\", \"dur\": \"20\", \"info\": \"\"}, {\"id\": \"1870\", \"label\": \"Polynucleotides (Philart)\", \"dur\": \"30\", \"info\": \"\"}, {\"id\": \"1866\", \"label\": \"Mesotherapy\", \"dur\": \"30\", \"info\": \"\"}, {\"id\": \"1409\", \"label\": \"Cosmetic consultation hair removal (free)\", \"dur\": \"15\", \"info\": \"\"}, {\"id\": \"1792\", \"label\": \"Soprano laser hair removal\", \"dur\": \"30\", \"info\": \"\"}]}, {\"id\": \"kosmetik\", \"label\": \"Cosmetics\", \"desc\": \"Facials \u2022 Peels \u2022 Microneedling \u2022 Hair removal\", \"groups\": [{\"label\": \"Consultation & hair removal\", \"items\": [{\"id\": \"1409\", \"label\": \"Consultation (free)\", \"dur\": \"15\", \"info\": \"\"}, {\"id\": \"484\", \"label\": \"Soprano laser hair removal\", \"dur\": \"90\", \"info\": \"\"}]}, {\"label\": \"Facials & care\", \"items\": [{\"id\": \"449\", \"label\": \"Facial \u2013 deep cleansing, hydration, rejuvenation (compact)\", \"dur\": \"60\", \"info\": \"\"}, {\"id\": \"450\", \"label\": \"Facial \u2013 deep cleansing, hydration, rejuvenation (wellness)\", \"dur\": \"90\", \"info\": \"\"}, {\"id\": \"451\", \"label\": \"Facial Special Events Glow\", \"dur\": \"120\", \"info\": \"\"}, {\"id\": \"1822\", \"label\": \"Geneo\", \"dur\": \"60\", \"info\": \"\"}, {\"id\": \"1823\", \"label\": \"OxyGeneo\", \"dur\": \"90\", \"info\": \"\"}, {\"id\": \"1834\", \"label\": \"Vitamin C Signature (SkinCeuticals Professional)\", \"dur\": \"60\", \"info\": \"\"}, {\"id\": \"1833\", \"label\": \"Vitamin C Comfort Zone\", \"dur\": \"60\", \"info\": \"\"}, {\"id\": \"454\", \"label\": \"Skin-soothing ultrasound treatment\", \"dur\": \"30\", \"info\": \"\"}]}, {\"label\": \"Peels\", \"items\": [{\"id\": \"446\", \"label\": \"Fruit acid peel (blemished skin, acne)\", \"dur\": \"30\", \"info\": \"\"}, {\"id\": \"448\", \"label\": \"Fruit acid peel with deep cleansing\", \"dur\": \"90\", \"info\": \"\"}, {\"id\": \"1832\", \"label\": \"TCA peel (rejuvenation, pigment correction)\", \"dur\": \"60\", \"info\": \"\"}, {\"id\": \"1853\", \"label\": \"Dermamelan peel (for melasma)\", \"dur\": \"60\", \"info\": \"\"}]}, {\"label\": \"Renophase\", \"items\": [{\"id\": \"2336\", \"label\": \"Renophase melasma & pigmentation disorders\", \"dur\": \"60\", \"info\": \"\"}, {\"id\": \"2339\", \"label\": \"Renophase skin regeneration\", \"dur\": \"60\", \"info\": \"\"}, {\"id\": \"2337\", \"label\": \"Renophase acne\", \"dur\": \"60\", \"info\": \"\"}, {\"id\": \"2338\", \"label\": \"Renophase rosacea\", \"dur\": \"60\", \"info\": \"\"}, {\"id\": \"2340\", \"label\": \"Renophase lifting\", \"dur\": \"60\", \"info\": \"\"}]}, {\"label\": \"Device-based cosmetics\", \"items\": [{\"id\": \"1820\", \"label\": \"Sofwave (ultrasound lifting)\", \"dur\": \"20\", \"info\": \"\"}, {\"id\": \"1828\", \"label\": \"Genius (radiofrequency needling)\", \"dur\": \"60\", \"info\": \"\"}, {\"id\": \"1814\", \"label\": \"Harmony IPL (couperose, pigmentation, rejuvenation)\", \"dur\": \"45\", \"info\": \"\"}, {\"id\": \"1815\", \"label\": \"Dermapen microneedling\", \"dur\": \"60\", \"info\": \"\"}, {\"id\": \"1821\", \"label\": \"Exosomes\", \"dur\": \"25\", \"info\": \"\"}, {\"id\": \"1830\", \"label\": \"Mesojet (peel & mesotherapy without needles)\", \"dur\": \"75\", \"info\": \"\"}]}]}, {\"id\": \"fusspflege\", \"label\": \"Foot Care\", \"desc\": \"Nail fungus \u2022 Pedicure \u2022 Ingrown toenail\", \"items\": [{\"id\": \"1858\", \"label\": \"Nail fungus treatment (nail grinding & laser)\", \"dur\": \"30\", \"info\": \"\"}, {\"id\": \"1808\", \"label\": \"Foot care & pedicure\", \"dur\": \"60\", \"info\": \"\"}, {\"id\": \"1811\", \"label\": \"Nail reconstruction\", \"dur\": \"20\", \"info\": \"\"}, {\"id\": \"1862\", \"label\": \"Ingrown toenail (unguis incarnatus)\", \"dur\": \"30\", \"info\": \"\"}, {\"id\": \"1863\", \"label\": \"Ingrown toenail with nail brace\", \"dur\": \"30\", \"info\": \"\"}]}]\n  };\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     LOGIK \u2014 ab hier muss normalerweise nichts angepasst werden\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  var $content = document.getElementById('sdc-content');\n  var $sub     = document.getElementById('sdc-sub');\n  var $foot    = document.getElementById('sdc-foot');\n  var openCat  = null;\n  var ICON_CLOCK = '<svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>';\n  var ICON_CHEV  = '<svg class=\"sdc-chev\" viewBox=\"0 0 24 24\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>';\n  var ICON_BACK  = '<svg viewBox=\"0 0 24 24\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>';\n  var ICON_CAL   = '<svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/><path d=\"M3 10h18M8 3v4M16 3v4\"\/><\/svg>';\n  var ICON_SEARCH= '<svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M20 20l-3.5-3.5\"\/><\/svg>';\n\n  function esc(s){ var d=document.createElement('div'); d.textContent=s==null?'':s; return d.innerHTML; }\n\n  \/* alle Behandlungen flach, inkl. Kategoriename (f\u00fcr Suche + Deeplink) *\/\n  function flat(){\n    var out=[], n=0;\n    CONFIG.categories.forEach(function(c){\n      (c.items||[]).forEach(function(i){ out.push({key:c.id+'-'+(n++), it:i, cat:c, group:null}); });\n      (c.groups||[]).forEach(function(g){\n        g.items.forEach(function(i){ out.push({key:c.id+'-'+(n++), it:i, cat:c, group:g.label}); });\n      });\n    });\n    return out;\n  }\n  var ALL = flat();\n  \/* Achtung: dieselbe Termintyp-ID kommt mehrfach vor (z. B. 2752 bei allen\n     OP-W\u00fcnschen, 272 bei \u00c4sthetik\/Laser\/Haare) -> intern wird mit key\n     gearbeitet, ?type= trifft jeweils den ersten Eintrag. *\/\n  function byKey(k){ for(var i=0;i<ALL.length;i++){ if(ALL[i].key===k) return ALL[i]; } return null; }\n  function byId(id){ for(var i=0;i<ALL.length;i++){ if(ALL[i].it.id===String(id)) return ALL[i]; } return null; }\n\n  function smrUrl(entry){\n    var u = CONFIG.smrBase + '\/form\/language\/' + CONFIG.lang + '\/preselect-type\/' + encodeURIComponent(entry.it.id);\n    \/* Google-Ads-Klickdaten in den iFrame durchreichen, damit die\n       Buchungs-Conversion im SwissMR-Kontext dem Klick zugeordnet wird *\/\n    var aw = document.cookie.match(\/(?:^|;\\s*)_gcl_aw=([^;]+)\/);\n    if (aw) {\n      var awp = decodeURIComponent(aw[1]).split('.');\n      if (awp.length >= 3) u += (u.indexOf('?') > -1 ? '&' : '?') + 'gclid=' + encodeURIComponent(awp.slice(2).join('.'));\n    }\n    var gb = document.cookie.match(\/(?:^|;\\s*)_gcl_gb=([^;]+)\/);\n    if (gb) {\n      var gbp = decodeURIComponent(gb[1]).split('.');\n      if (gbp.length >= 3) u += (u.indexOf('?') > -1 ? '&' : '?') + 'wbraid=' + encodeURIComponent(gbp.slice(2).join('.'));\n    }\n    if (CONFIG.usePreselectProv && entry.it.prov) {\n      var first = String(entry.it.prov).split('-')[0];\n      if (first && first !== '0') u += '\/preselect-provider\/' + encodeURIComponent(first);\n    }\n    return u;\n  }\n\n  function setStep(n){\n    document.getElementById('sdc-dot-1').className = 'sdc-dot ' + (n>1?'done':'active');\n    document.getElementById('sdc-dot-1').innerHTML = n>1 ? '\u2713' : '1';\n    document.getElementById('sdc-dot-2').className = 'sdc-dot ' + (n>1?'active':'');\n    document.getElementById('sdc-lbl-1').className = 'sdc-slabel ' + (n===1?'active':'');\n    document.getElementById('sdc-lbl-2').className = 'sdc-slabel ' + (n===2?'active':'');\n    document.getElementById('sdc-line-1').className = 'sdc-line ' + (n>1?'active':'');\n  }\n\n  function durHtml(d){ return d ? '<span class=\"sdc-dur\">'+ICON_CLOCK+esc(d)+' min<\/span>' : '<span><\/span>'; }\n\n  function itemRow(entry, showCat){\n    var i = entry.it;\n    var info = i.info ? esc(i.info) : (showCat ? esc(entry.cat.label) + (entry.group?' \u00b7 '+esc(entry.group):'') : '');\n    return '<button class=\"sdc-item\" data-key=\"'+esc(entry.key)+'\">' +\n             '<span class=\"sdc-itemname\">'+esc(i.label)+'<\/span>' +\n             '<span class=\"sdc-iteminfo\">'+info+'<\/span>' +\n             durHtml(i.dur) +\n           '<\/button>';\n  }\n\n  \/* \u2500\u2500 SCHRITT 1: Kategorien \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n  \/* \u2500\u2500 Suche: Umlaut-\/Bindestrich-tolerant + Synonyme (Botox -> Botulinum) \u2500\u2500 *\/\n  function fold(s){\n    s = (s||'').toLowerCase();\n    s = s.replace(\/\\u00e4\/g,'a').replace(\/\\u00f6\/g,'o').replace(\/\\u00fc\/g,'u').replace(\/\\u00df\/g,'ss');\n    s = s.replace(\/[\\u00e8\\u00e9\\u00ea]\/g,'e');\n    s = s.replace(\/[^a-z0-9]+\/g,' ').replace(\/\\s+\/g,' ');\n    return s.replace(\/^\\s+|\\s+$\/g,'');\n  }\n  var ALIAS = {\"botox\":\"botulinum\",\"btx\":\"botulinum\",\"botulinumtoxin\":\"botulinum\",\n    \"wrinkles\":\"wrinkle\",\"hyperhidrosis\":\"sweating\",\"skincheck\":\"mole\",\"skincancer\":\"mole\",\"molescheck\":\"mole\",\n    \"lipfiller\":\"lips\",\"lipfillers\":\"lips\",\"blepharoplasty\":\"eyelid\",\"rhinoplasty\":\"nose\",\"abdominoplasty\":\"tummy\",\n    \"vampire\":\"prp\",\"vampirlifting\":\"prp\",\"hifu\":\"sofwave\",\"ultherapy\":\"sofwave\",\"fillers\":\"filler\"};\n  function searchText(e, weit){\n    var k = weit ? '_stw' : '_sts';\n    if (!e[k]) {\n      var t = e.it.label+' '+(e.it.info||'')+' '+(e.group||'');\n      if (weit) t += ' '+e.cat.label+' '+(e.cat.desc||'');\n      t = fold(t);\n      e[k] = t + ' ' + t.replace(\/ \/g,'');\n    }\n    return e[k];\n  }\n  function matchesQuery(e, qRaw, weit){\n    var toks = fold(qRaw).split(' ');\n    var txt = searchText(e, weit);\n    for (var i = 0; i < toks.length; i++) {\n      var t = toks[i];\n      if (!t) continue;\n      t = t.replace(\/ae\/g,'a').replace(\/oe\/g,'o').replace(\/ue\/g,'u');\n      t = ALIAS[toks[i]] || ALIAS[t] || t;\n      if (txt.indexOf(t) === -1) return false;\n    }\n    return true;\n  }\n  function renderList(query){\n    setLock(false);\n    setStep(1);\n    $foot.style.display = '';\n    $sub.textContent = 'Choose your treatment \u2013 then instantly see all available appointments.';\n    var q = (query||'').trim().toLowerCase();\n    var h = '';\n\n    h += '<div class=\"sdc-search\">'+ICON_SEARCH+\n         '<input type=\"search\" id=\"sdc-q\" placeholder=\"Search treatments (e.g. Botox, mole check, Sofwave) \u2026\" value=\"'+esc(query||'')+'\" autocomplete=\"off\"><\/div>';\n\n    if (q.length >= 2) {\n      var hits = ALL.filter(function(e){ return matchesQuery(e, q, false); });\n      if (!hits.length) hits = ALL.filter(function(e){ return matchesQuery(e, q, true); });\n      h += '<div class=\"sdc-fade\">';\n      h += '<p class=\"sdc-sectitle\">'+hits.length+' results<\/p>';\n      h += hits.length ? hits.slice(0,60).map(function(e){ return itemRow(e,true); }).join('')\n                       : '<div class=\"sdc-empty\">No treatment found.<br>Give us a call \u2013 we will find the right appointment for you.<\/div>';\n      h += '<\/div>';\n    } else {\n      h += '<div class=\"sdc-quick\">';\n      CONFIG.quick.forEach(function(q2){\n        h += '<button data-id=\"'+esc(q2.id)+'\"><b>'+esc(q2.title)+'<\/b><span>'+esc(q2.sub)+'<\/span><\/button>';\n      });\n      h += '<\/div>';\n      h += '<p class=\"sdc-sectitle\">All treatments by area<\/p><div class=\"sdc-acc\">';\n      CONFIG.categories.forEach(function(c){\n        var isOpen = openCat === c.id;\n        h += '<div class=\"sdc-cat'+(isOpen?' open':'')+'\" data-cat=\"'+esc(c.id)+'\">' +\n               '<button class=\"sdc-cathead\" data-toggle=\"'+esc(c.id)+'\">' +\n                 '<span class=\"sdc-catname\">'+esc(c.label)+'<\/span>' +\n                 '<span class=\"sdc-catdesc\">'+esc(c.desc)+'<\/span>'+ICON_CHEV +\n               '<\/button><div class=\"sdc-catbody\">';\n        if (c.items) h += ALL.filter(function(e){return e.cat===c && !e.group;}).map(function(e){ return itemRow(e,false); }).join('');\n        if (c.groups) c.groups.forEach(function(g){\n          h += '<div class=\"sdc-grouplabel\">'+esc(g.label)+'<\/div>' +\n               ALL.filter(function(e){return e.cat===c && e.group===g.label;}).map(function(e){ return itemRow(e,false); }).join('');\n        });\n        h += '<\/div><\/div>';\n      });\n      h += '<\/div>';\n    }\n    $content.innerHTML = h;\n    bindList();\n  }\n\n  function bindList(){\n    var input = document.getElementById('sdc-q');\n    if (input) {\n      input.addEventListener('input', function(){\n        var v = this.value, pos = this.selectionStart;\n        renderList(v);\n        var el = document.getElementById('sdc-q');\n        if (el) { el.focus(); try{ el.setSelectionRange(pos,pos); }catch(e){} }\n      });\n    }\n    $content.querySelectorAll('[data-toggle]').forEach(function(b){\n      b.addEventListener('click', function(){\n        var id = b.getAttribute('data-toggle');\n        openCat = (openCat === id) ? null : id;\n        renderList('');\n        if (openCat) {\n          var el = $content.querySelector('[data-cat=\"'+openCat+'\"]');\n          if (el) el.scrollIntoView({behavior:'smooth', block:'start'});\n        }\n      });\n    });\n    $content.querySelectorAll('[data-key],[data-id]').forEach(function(b){\n      b.addEventListener('click', function(){\n        var e = b.hasAttribute('data-key') ? byKey(b.getAttribute('data-key')) : byId(b.getAttribute('data-id'));\n        if (e) { history.pushState({}, '', '?type='+e.it.id+'&opt='+e.key); renderBooking(e); }\n      });\n    });\n  }\n\n  \/* \u2500\u2500 SCHRITT 2: SwissMR-iFrame \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function renderBooking(entry){\n    setStep(2);\n    $foot.style.display = 'none';\n    $sub.textContent = 'Choose date, practitioner and time.';\n    var parts = [entry.cat.label];\n    if (entry.group)   parts.push(entry.group);\n    if (entry.it.info) parts.push(entry.it.info);\n    if (entry.it.dur)  parts.push('approx. ' + entry.it.dur + ' min');\n    var sub = parts.join(' \u00b7 ');\n    $content.innerHTML =\n      '<button class=\"sdc-back\" id=\"sdc-back\">'+ICON_BACK+'Choose another treatment<\/button>' +\n      '<div class=\"sdc-summary sdc-fade\">' +\n        '<div class=\"sdc-sum-ico\">'+ICON_CAL+'<\/div>' +\n        '<div class=\"sdc-sum-txt\"><strong>'+esc(entry.it.label)+'<\/strong><span>'+esc(sub)+'<\/span><\/div>' +\n        '<button class=\"sdc-change\" id=\"sdc-change\">change<\/button>' +\n      '<\/div>' +\n      '<div class=\"sdc-frame sdc-fade\">' +\n        '<div class=\"sdc-loader\" id=\"sdc-loader\"><div class=\"sdc-spin\"><\/div><p>Loading available appointments \u2026<\/p><\/div>' +\n      '<\/div>';\n\n    var back = function(){ history.pushState({}, '', location.pathname); renderList(''); scrollTop(); };\n    document.getElementById('sdc-back').addEventListener('click', back);\n    document.getElementById('sdc-change').addEventListener('click', back);\n    var loader = document.getElementById('sdc-loader');\n    var box = document.querySelector('.sdc-frame');\n    var ifr = null;\n    if (box) {\n      ifr = document.createElement('iframe');\n      ifr.id = 'sdc-iframe';\n      ifr.title = 'Appointment booking Swiss Derma Clinic';\n      ifr.setAttribute('allow', 'payment');\n      ifr.setAttribute('loading', 'eager');\n      box.appendChild(ifr);\n      ifr.src = smrUrl(entry);\n    }\n    if (ifr) {\n      ifr.addEventListener('load', function(){ loader.classList.add('hide'); });\n    } else {\n      \/* Der iFrame wurde entfernt - in aller Regel durch den Cookie-Content-Blocker.\n         Statt eines endlosen Spinners zeigen wir, was zu tun ist. *\/\n      loader.classList.add('hide');\n      if (box && !box.querySelector('.sdc-blocked')) {\n        var hasBlocker = !!box.querySelector('[data-borlabs-cookie-content-blocker-id]');\n        var p = document.createElement('div');\n        p.className = 'sdc-blocked';\n        p.setAttribute('style', 'padding:34px 26px;text-align:center;font-family:Montserrat,sans-serif;font-size:15px;line-height:1.7;color:#545252');\n        p.innerHTML = hasBlocker\n          ? 'The appointment calendar loads after you accept external content.<br>Please accept the cookie settings at the top of the page.'\n          : 'The appointment calendar could not be loaded.<br>Please call us: <a href=\"tel:+41447399000\" style=\"color:#b8998c\">+41 44 739 90 00<\/a>';\n        box.appendChild(p);\n      }\n    }\n    setTimeout(function(){ loader.classList.add('hide'); }, 5000);\n    setLock(true);\n  }\n\n  \/* Seite auf Viewporth\u00f6he sperren, damit nur der iFrame scrollt.\n     Unter 480px Viewporth\u00f6he bewusst nicht \u2013 dort bliebe zu wenig f\u00fcr\n     den iFrame und Inhalt k\u00f6nnte unerreichbar werden. *\/\n  var lockWanted = false;\n  function applyLock(){\n    var on = false;\n    document.documentElement.classList.toggle('sdc-lock', on);\n  }\n  function setLock(on){\n    lockWanted = on;\n    if (on) window.scrollTo(0, 0);\n    applyLock();\n  }\n  window.addEventListener('resize', applyLock);\n  window.addEventListener('orientationchange', function(){ setTimeout(applyLock, 250); });\n\n  function scrollTop(){\n    var t = document.getElementById('sdc-booking');\n    if (t && t.getBoundingClientRect().top < 0) t.scrollIntoView({behavior:'smooth', block:'start'});\n  }\n\n  \/* \u2500\u2500 Mobile: kein Auto-Zoom beim Tippen in iFrame-Felder \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  (function(){\n    var vp = document.querySelector('meta[name=\"viewport\"]');\n    if (!vp) return;\n    var original = vp.getAttribute('content') || '';\n    new MutationObserver(function(){\n      if (document.getElementById('sdc-iframe')) {\n        if (original.indexOf('maximum-scale') === -1) vp.setAttribute('content', original + ', maximum-scale=1');\n      } else {\n        vp.setAttribute('content', original);\n      }\n    }).observe($content, {childList:true});\n  })();\n\n\n  \/* \u2500\u2500 Hoehe aus dem SwissMR-iFrame uebernehmen (postMessage).\n        Braucht das kleine Melde-Skript beim Anbieter; ohne dieses bleibt\n        die feste Hoehe als Fallback aktiv. \u2500\u2500 *\/\n  window.addEventListener('message', function(ev){\n    if (ev.origin !== 'https:\/\/online-termine.app') return;\n    var d = ev.data || {};\n    var hh = parseInt(d.sdcIframeHeight, 10);\n    if (!hh || hh < 200 || hh > 12000) return;\n    var f = document.getElementById('sdc-iframe');\n    if (f) { f.style.height = (hh + 24) + 'px'; f.style.minHeight = '0'; f.style.maxHeight = 'none'; }\n  });\n  \/* \u2500\u2500 Start \/ Deeplinks (?type=2469, ?cat=botox) + Zur\u00fcck-Button \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function route(){\n    var p = new URLSearchParams(location.search);\n    var t = p.get('type'), c = p.get('cat'), o = p.get('opt');\n    var e = o ? byKey(o) : (t ? byId(t) : null);\n    if (!e && t) e = byId(t);\n    if (!e && t && \/^[0-9]+$\/.test(t)) {\n      var lbl = p.get('lbl') || 'Selected treatment';\n      e = { key: 'ext-' + t, it: { id: String(t), label: lbl, dur: '', info: '' },\n            cat: { id: 'ext', label: '', desc: '' }, group: '' };\n    }\n    if (e) { renderBooking(e); return; }\n    openCat = c || null;\n    renderList('');\n  }\n  window.addEventListener('popstate', route);\n  route();\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"wp_typography_post_enhancements_disabled":false,"footnotes":""},"categories":[],"tags":[],"class_list":["post-42637","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/swissdermaclinic.ch\/en\/wp-json\/wp\/v2\/pages\/42637","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/swissdermaclinic.ch\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/swissdermaclinic.ch\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/swissdermaclinic.ch\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/swissdermaclinic.ch\/en\/wp-json\/wp\/v2\/comments?post=42637"}],"version-history":[{"count":1,"href":"https:\/\/swissdermaclinic.ch\/en\/wp-json\/wp\/v2\/pages\/42637\/revisions"}],"predecessor-version":[{"id":42641,"href":"https:\/\/swissdermaclinic.ch\/en\/wp-json\/wp\/v2\/pages\/42637\/revisions\/42641"}],"wp:attachment":[{"href":"https:\/\/swissdermaclinic.ch\/en\/wp-json\/wp\/v2\/media?parent=42637"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/swissdermaclinic.ch\/en\/wp-json\/wp\/v2\/categories?post=42637"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/swissdermaclinic.ch\/en\/wp-json\/wp\/v2\/tags?post=42637"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}