https://derma-tcm.de/wp-content/themes/tang_custom/custom.js?ver=1777388060

1jQuery(function ($) {
2  $(".ectbe-simple-event").each(function () {
3    const $box = $(this);
4
5    // Replace link text
6    const $link = $box.find("a");
7    if ($link.length) {
8      $link.text("Mehr Informationen");
9    }
10
11    // Replace time strings inside the box
12    $box.find("*").each(function () {
13      if (!this.childNodes || !this.childNodes.length) return;
14
15      this.childNodes.forEach((node) => {
16        if (node.nodeType === 3 && node.nodeValue) {
17          node.nodeValue = node.nodeValue
18            // replace a.m. / p.m. even when attached to numbers
19            .replace(/a\.m\.?/gi, " Uhr")
20            .replace(/p\.m\.?/gi, " Uhr")
21            // replace All day
22            .replace(/All\s*day/gi, "ganztägig");
23        }
24      });
25    });
26  });
27});
28
29
30jQuery(function ($) {
31  const $header = $("#ast-desktop-header");
32
33  $(window).on("scroll", function () {
34    if ($(this).scrollTop() >= 400) {
35      $header.addClass("scrolled");
36    } else {
37      $header.removeClass("scrolled");
38    }
39  });
40});
41
42// no ornaments
43/*
44jQuery(function ($) {
45  function attachGradientCorners() {
46    $(".gradient_bg").each(function () {
47      const $bg = $(this);
48
49      if ($bg.children(".corner").length) return;
50
51      $bg.append(
52        '<div class="corner top left"></div>' +
53        '<div class="corner top right"></div>' +
54        '<div class="corner bottom left"></div>' +
55        '<div class="corner bottom right"></div>'
56      );
57    });
58  }
59
60  attachGradientCorners();
61});
62*/
63
64// menu button addition
65jQuery(function ($) {
66  const $menu = $("#ast-hf-menu-1-mobile");
67
68  if (!$menu.length) return;
69
70  // Prevent duplicate insertion
71  if ($menu.find('a[href="/kontakt"]').length) return;
72
73  $menu.append(`
74    <li class="menu-item menu-item-kontakt">
75      <a href="/kontakt">Termine & Kontakt</a>
76    </li>
77  `);
78});
79
80// BTT Button
81jQuery(function ($) {
82  const BTN_ID = "btt-button";
83
84  if (!$("#" + BTN_ID).length) {
85    $("body").append(`
86      <button id="${BTN_ID}" aria-label="Nach oben scrollen">
87        ↑
88      </button>
89    `);
90  }
91
92  const $btn = $("#" + BTN_ID);
93  const showAt = window.innerHeight;
94
95  $btn.hide();
96
97  $(window).on("scroll", function () {
98    if ($(this).scrollTop() >= showAt) {
99      $btn.fadeIn(200);
100    } else {
101      $btn.fadeOut(200);
102    }
103  });
104
105  $btn.on("click", function () {
106    $("html, body").animate({ scrollTop: 0 }, 500);
107  });
108});
109
110jQuery(function ($) {
111  $("#down_btn").on("click", function (e) {
112    e.preventDefault();
113
114    const factor = window.innerWidth < 780 ? 0.9 : 0.6;
115    const scrollAmount = window.innerHeight * factor;
116
117    $("html, body").animate(
118      { scrollTop: $(window).scrollTop() + scrollAmount },
119      600
120    );
121  });
122});
123
124// DOCTOLIB IMPLEMENT
125jQuery(function ($) {
126  if ($("#doctolib-nav").length) return;
127
128  const doctolibHtml = `
129<style>
130.doctolib-widget{
131  position:fixed;
132  top:200px;
133  right:0;
134  display:block;
135  text-align:center;
136  background:#00264c !important;
137  color:#00264c !important;
138  text-decoration:none !important;
139  font-size:16px !important;
140  font-weight:700;
141  font-family:'Montserrat',sans-serif;
142  width:auto;
143  border-radius:4px 0 0 4px;
144  padding:5px;
145  z-index:999;
146  opacity:.8;
147  box-shadow:1px 2px 4px rgba(0,0,0,.2);
148  line-height:1.4
149}
150.doctolib-widget a{
151  display:block;
152  color:#00264c;
153  text-decoration:none;
154  padding:6px;
155  margin-top:5px;
156  background:#fff;
157  border-radius:4px;
158  font-weight:700;
159  transition:.2s
160}
161.doctolib-widget a:hover,
162.doctolib-widget a:focus{
163  opacity:.9;
164  outline:2px solid #f5f5f5;
165  outline-offset:2px
166}
167.doctolib-widget img{
168  display:inline-block;
169  height:18px;
170  margin:3px 0;
171  vertical-align:middle;
172  width:auto
173}
174@media(max-width:600px){
175  .doctolib-widget{
176    top:auto;
177    bottom:10px;
178    right:0;
179    width:auto !important;
180    padding:4px
181  }
182  .doctolib-widget a{
183    font-size:16px;
184    padding:5px
185  }
186}
187@media(prefers-reduced-motion:reduce){
188  *{transition:none!important}
189}
190</style>
191
192<nav class="doctolib-widget" id="doctolib-nav" aria-label="Doctolib Schnellzugriff">

193  <a href="#maincontent" class="skip-link"
194     style="position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden">
195    Zum Hauptinhalt springen
196  </a>
197
198  <img src="https://www.doctolib.de/external_button/doctolib-white-transparent.png"
199       alt="Doctolib Logo"/>
200
201  <a href="https://www.doctolib.de/hautarzt/berlin/yu-tang?utm_campaign=website-button&utm_source=online-booking&utm_medium=referral"
202     target="_blank" rel="noopener noreferrer"
203     aria-label="Termin Online über Doctolib buchen">
204    Termin
205  </a>
206
207  <a href="https://www.doctolib.de/hautarzt/berlin/yu-tang/patient-request?utm_campaign=website-button&utm_source=patient-messaging&utm_medium=referral"
208     target="_blank" rel="noopener noreferrer"
209     aria-label="Nachricht an Praxis über Doctolib senden">
210    Nachricht
211  </a>
212</nav>
213`;
214
215  $("body").append(doctolibHtml);
216});