.elementor-3231 .elementor-element.elementor-element-4c6ca40{--display:flex;--padding-top:30px;--padding-bottom:10px;--padding-left:30px;--padding-right:30px;}#elementor-popup-modal-3231{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-3231 .dialog-message{width:640px;height:85vh;align-items:flex-start;}#elementor-popup-modal-3231 .dialog-close-button{display:flex;}#elementor-popup-modal-3231 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS *//* ========== POPUP — SAUBERER START (nichts global überschreiben) ========== */
html body .elementor-popup-modal #event-popup-content{
  text-align:center;
  /* KEIN font-family hier – sonst blocken wir die Primär-Schrift */
}

/* ===== 1) DATUM | UHRZEIT | ORT  (benutzt Globale Schrift: Primär) ===== */
html body .elementor-popup-modal #event-popup-content .datetime-location{
  font-family: var(--e-global-typography-primary-font-family), 'Roboto Condensed', system-ui, sans-serif !important;
  font-weight: var(--e-global-typography-primary-font-weight, 450) !important;
  line-height: var(--e-global-typography-primary-line-height, 1.2) !important;
  letter-spacing: var(--e-global-typography-primary-letter-spacing, 0) !important;

  color: var(--e-global-color-primary) !important;
  text-transform: none !important;
  text-align: center !important;

  /* Größe: gern anpassen – hier deutlich über Fließtext */
  font-size: 23px !important;
  margin: 0 0 1.2rem 0 !important;
}

/* ===== 2) TITEL  (benutzt Globale Schrift: Primär) ===== */
html body .elementor-popup-modal #event-popup-content h5.popup-event-title{
  font-family: var(--e-global-typography-primary-font-family), 'Roboto Condensed', system-ui, sans-serif !important;
  font-weight: var(--e-global-typography-primary-font-weight, 450) !important;
  line-height: var(--e-global-typography-primary-line-height, 1.15) !important;
  letter-spacing: var(--e-global-typography-primary-letter-spacing, 0) !important;

  color: var(--e-global-color-accent) !important;  /* Orange */
  text-transform: none !important;
  text-align: center !important;
  margin: 0 0 1.2rem 0 !important;

  /* Sichtbar größer – bei Bedarf erhöhen */
  font-size: 36px !important;
}

/* ===== 3) Inhalt & Mitwirkende – deine globale TEXT-Schrift ===== */
html body .elementor-popup-modal #event-popup-content .popup-event-mitwirkende,
html body .elementor-popup-modal #event-popup-content .popup-event-content{
  max-width: 900px; margin: 1rem auto 0; text-align:left;
  font-family: var(--e-global-typography-text-font-family), system-ui, sans-serif !important;
  font-size: var(--e-global-typography-text-font-size) !important;
  line-height: var(--e-global-typography-text-line-height) !important;
  color: var(--e-global-color-text) !important;
  text-transform:none !important;
}

/* Bild */
html body .elementor-popup-modal #event-popup-content .popup-event-image img{
  display:block; width:100%; height:auto; margin:1rem 0 1.2rem; border-radius:0;
}

/* Safety: nie Uppercase erzwingen */
html body .elementor-popup-modal #event-popup-content h1,
html body .elementor-popup-modal #event-popup-content h2,
html body .elementor-popup-modal #event-popup-content h3,
html body .elementor-popup-modal #event-popup-content h4,
html body .elementor-popup-modal #event-popup-content h5,
html body .elementor-popup-modal #event-popup-content h6{
  text-transform:none !important;
  letter-spacing:normal !important;
  margin-top:0;
}/* End custom CSS */