/* Ergänzungen zur alten Seite: nur, was es bei WordPress nicht gab (Spec Abschnitte 3 und 5).
   Als letzter Link eingebunden, damit es Elementor-Regeln gleicher Spezifität überstimmt. */

/* Popup „Hinweis“ als <dialog>: Browser-Vorgaben zurücksetzen, Optik kommt aus post-2768.css.
   pointer-events, damit ein Klick neben den Inhalt den Dialog erreicht und ihn schließt. */
dialog.elementor-popup-modal {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  color: inherit;
  pointer-events: auto;
}
dialog.elementor-popup-modal:not([open]) {
  display: none;
}
dialog.elementor-popup-modal::backdrop {
  background: transparent;
}
/* Reiter „Terminbuchung“ als Popover über dem Popup (popup.ts): Browser-Vorgaben für [popover]
   zurücksetzen, die nicht schon die Elementor-Regel .sticky-slider überschreibt. */
.sticky-slider[popover] {
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  overflow: visible;
}

/* Zwei-Klick-Karte in der Fläche des iframes (post-*.css: 400 px hoch, volle Breite). */
.karte-zwei-klick {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  height: 400px;
  padding: 16px;
  background: #e5e3df;
  color: #333;
  font: 15px/1.5 Roboto, sans-serif;
  text-align: center;
}
.karte-zwei-klick p {
  margin: 0;
  max-width: 32em;
}
.karte-zwei-klick a {
  color: #318334;
  text-decoration: underline;
}
.karte-laden {
  padding: 10px 24px;
  border: 0;
  border-radius: 3px;
  background: #318334;
  color: #fff;
  font: inherit;
  font-weight: 500;
  cursor: pointer;
}
.karte-laden:focus-visible {
  outline: 3px solid #1d4ed8;
  outline-offset: 2px;
}

/* Kontaktformular: Honeypot und ALTCHA unsichtbar; ALTCHA prüft ab dem ersten Fokus im Formular. */
.kontakt-honig,
.kontakt-altcha {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
/* Kontaktformular am Handy: EAEL setzt die Felder auf width: auto und die Absätze auf
   display: table (eael-*.css). Absätze und Formular richteten sich so nach der Grundbreite der
   Felder (size="40", 358 px) statt nach der Spalte, die Felder ragten über Karte und Bildschirmrand.
   Mit Prozentbreite zählen die Felder nicht mehr zur Mindestbreite; Betreff und Senden bleiben. */
@media (max-width: 767px) {
  .eael-contact-form-7 .wpcf7-form input.wpcf7-text,
  .eael-contact-form-7 .wpcf7-form textarea {
    width: 100%;
  }
}
/* Startseite „Das sind wir“: zwei Reihen mit dem Aufbau 58af9462 (Miriam | Tom, Alicia | Daniela).
   Am Handy steht die zweite Reihe so weit ab wie die Karten innerhalb einer Reihe (57941dbe: 25 px). */
@media (max-width: 767px) {
  .elementor-2333 .elementor-element-58af9462 + .elementor-element-58af9462 {
    padding-top: 25px;
  }
}
/* Sprungziel der Buttons „Kontakt“ (#kontaktformular): Am Desktop ist der Kopf fest (sticky.ts,
   nur ab 1025 px) und verdeckte sonst den Anfang des Formulars. */
@media (min-width: 1025px) {
  #kontaktformular {
    scroll-margin-top: 150px;
  }
}

/* Praxis: Video der Fotografin statt Street-View-Rundgang (Spec Abschnitt 5, Nr. 3). Höhe aus dem
   Posterbild, solange das Video nicht geladen ist. */
.praxis-video {
  display: block;
  width: 100%;
  height: auto;
  background: #000;
}