/* ============================================================
   lemniscus LemmyFlansch – Teaser- & CTA-Bereiche
   Praxis am Hanseplatz
   ============================================================ */

/* Pflichtvorgabe lemniscus: Root-Schriftgröße fix auf 16px,
   da das Script intern rem-Werte relativ dazu berechnet. */
html { font-size: 16px; }

/* Termin-Teaser (Kontaktseite) */
.lemniscus-widget-wrap {
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin-top: 40px;
  padding-top: 32px;
  border-top: 1px solid #e2e2e2;
}

.lemniscus-widget-wrap .heading-2 {
  margin-bottom: 8px;
}

.lemniscus-widget-wrap > div[data-lemmy-flansch="teasers"] {
  position: relative;
  margin-top: 20px;
}

/* Pflichtvorgabe lemniscus: Container, den das Script selbst erzeugt. */
#pss {
  font-size: 16px;   /* Pflichtvorgabe lemniscus, identisch zu html */
  min-width: 400px;  /* Pflichtvorgabe lemniscus */
  max-width: 100%;
  overflow-x: auto;  /* Scroll-Fallback auf sehr schmalen Displays */
}

/* Sticky Telefonleiste kollidiert auf der Kontaktseite mit der
   "Zurück"-Navigation im lemniscus-Widget – dort ausblenden, da die
   Telefonnummern auf dieser Seite ohnehin schon prominent stehen. */
body.has-lemniscus-widget .pah-sticky-phone {
  display: none;
}

/* Inline-Buchungsbutton auf den Therapie-Unterseiten */
.pah-lemmy-cta {
  text-align: center;
  padding: 20px 0 44px;
}

.pah-lemmy-cta a.link-button.learn-more-btn {
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .lemniscus-widget-wrap {
    margin-top: 28px;
    padding-top: 24px;
  }

  .lemniscus-widget-wrap a.link-button.learn-more-btn,
  .pah-lemmy-cta a.link-button.learn-more-btn {
    padding: 12px 18px;
    font-size: 12px;
    width: 100%;
    box-sizing: border-box;
    margin-top: 12px;
  }
}