/* Termino in der Kontaktleiste der Dorow Clinic (SUMAX) */
/* WhatsApp aus der Leiste nehmen, der Digitale Empfang bekommt den Platz */
.sb-wa{display:none!important}
.dock:not(.collapsed) .sb-bar{align-self:stretch!important}
.dock:not(.collapsed) #openSheet,
.mobile-stickybar:not(.collapsed) .sb-book{flex:1 1 auto!important;width:auto!important;height:52px!important;justify-content:flex-start!important;padding:0 7px!important}
#openSheet .sb-book-txt{font-size:12px;font-weight:600;letter-spacing:.12em}
#openSheet .sb-book-arr,
.mobile-stickybar .sb-book-arr{flex:none;display:grid!important;place-items:center;width:38px;height:38px;margin-left:8px;border-radius:50%;background:rgba(36,26,14,.1);font-size:16px}
/* Zugeklappte Leiste (.dock am Handy, .mobile-stickybar im Desktop-Baum bis 1330px): nur Annas Foto, ohne dunkle
   Pille dahinter (Wunsch Kunde 28.09.2026). Foto naeher am Gesicht, feiner Goldring mit dunklem Abstand, gruener
   Online-Punkt als eigenes Abzeichen (::after) ueber dem Rand statt angeschnitten im Hintergrund. ::before ist der
   ruhige Goldschein, der aus dem Foto heraus atmet (z-index:-1, darum am Hoerer keine transform/isolation). */
.dock.collapsed .sb-bar,
.mobile-stickybar.collapsed .sb-bar{background:transparent!important;border-color:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.dock.collapsed .sb-phone,
.mobile-stickybar.collapsed .sb-phone{position:relative!important;width:52px!important;height:52px!important;border:0!important;border-radius:50%!important;
  background:#1a1510 url(anna.jpg) 50% 28%/118% no-repeat!important;
  box-shadow:0 0 0 2px #0a0a0a,0 0 0 3.5px #cbaa80,0 12px 26px -8px rgba(0,0,0,.55)!important}
.dock.collapsed .sb-phone .sb-ico-chat,.dock.collapsed .sb-phone .sb-ico-phone,
.mobile-stickybar.collapsed .sb-phone svg{display:none!important}
.dock.collapsed .sb-phone::before,
.mobile-stickybar.collapsed .sb-phone::before{content:""!important;display:block!important;position:absolute;inset:-4px;border-radius:50%;border:1px solid rgba(214,184,140,.7)!important;z-index:-1;pointer-events:none;background:radial-gradient(circle,rgba(214,184,140,.55) 0%,rgba(191,159,119,.24) 50%,rgba(191,159,119,0) 72%)!important;animation:tr-schein 3.4s cubic-bezier(.22,.61,.36,1) infinite!important}
.dock.collapsed .sb-phone::after,
.mobile-stickybar.collapsed .sb-phone::after{content:""!important;display:block!important;position:absolute!important;inset:auto 1px 1px auto!important;width:12px!important;height:12px!important;box-sizing:border-box!important;border-radius:50%!important;
  background:radial-gradient(circle at 35% 30%,#5fe07f 0%,#30c254 55%,#23a444 100%)!important;border:2px solid #0a0a0a!important;
  opacity:1!important;transform:none!important;pointer-events:none;z-index:2;animation:tr-online 2.4s ease-out infinite!important}
@keyframes tr-schein{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.9)}}
@keyframes tr-online{0%{box-shadow:0 0 0 0 rgba(52,199,89,.55)}70%,100%{box-shadow:0 0 0 7px rgba(52,199,89,0)}}
@media (prefers-reduced-motion:reduce){
  .dock.collapsed .sb-phone::before,.mobile-stickybar.collapsed .sb-phone::before{animation:none!important;display:none!important}
  .dock.collapsed .sb-phone::after,.mobile-stickybar.collapsed .sb-phone::after{animation:none!important}
}
/* Ab 769px ueberall dieselbe Termino-Karte "Digitaler Empfang" (launcher.triggerBis = 768). Die alte Kontaktleiste
   (.mobile-stickybar, auf Unterseiten ohne Termino) und der Desktop-Knopf "Termin" entfallen dort (28.09.2026). */
@media (min-width:769px){
  .mobile-stickybar{display:none!important}
}
#dxTerminFab,.dx-termin-fab{display:none!important}

/* Sanfter zuklappen (Kunde 29.09.2026: "geht zu schnell zu, muss sanfter sein"). Die offene Pille hat width:auto,
   das laesst sich nicht animieren und sprang sofort auf 0. Darum schrumpft die Maximalbreite, der dunkle Hintergrund
   der Leiste blendet weich aus. */
.dock #openSheet,.mobile-stickybar .sb-book{max-width:360px;transition:max-width .9s cubic-bezier(.65,0,.35,1),opacity .5s cubic-bezier(.65,0,.35,1) .15s,padding .9s cubic-bezier(.65,0,.35,1),margin .9s cubic-bezier(.65,0,.35,1),transform .24s cubic-bezier(.34,1.56,.64,1)!important}
.dock.collapsed #openSheet,.mobile-stickybar.collapsed .sb-book{width:auto!important;max-width:0!important;flex:0 1 auto!important}
.dock .sb-bar,.mobile-stickybar .sb-bar{transition:background-color .7s ease,border-color .7s ease,box-shadow .7s ease}
/* Anna nur einmal (Kunde 29.09.2026: "beim Zuklappen sieht man Anna doppelt"): das kleine Foto in der Pille blendet
   sofort aus, das große Foto am Hörer erst ein, wenn die Pille fast zu ist. Nur opacity, keine transform: der
   Goldschein (::before, z-index:-1) braucht den Hörer ohne eigenen Stapelkontext. */
.dock #openSheet .termino-av-rahmen,.mobile-stickybar .sb-book .termino-av-rahmen{transition:opacity .3s ease .45s}
.dock.collapsed #openSheet .termino-av-rahmen,.mobile-stickybar.collapsed .sb-book .termino-av-rahmen{opacity:0;transition:opacity .18s ease}
.dock.collapsed .sb-phone,.mobile-stickybar.collapsed .sb-phone{animation:sb-anna-ein .4s ease .55s both}
@keyframes sb-anna-ein{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.dock #openSheet,.mobile-stickybar .sb-book,.dock .sb-bar,.mobile-stickybar .sb-bar,.dock #openSheet .termino-av-rahmen,.mobile-stickybar .sb-book .termino-av-rahmen{transition:none!important}.dock.collapsed .sb-phone,.mobile-stickybar.collapsed .sb-phone{animation:none}}