/* =====================================================
   Herzenssache – Prominente Erfolgsnachricht Formular
   (final: Icon & Zeilenabstand korrekt)
   ===================================================== */

.elementor-widget-form .elementor-message.elementor-message-success {
    /* Deine Vorgaben beibehalten */
    font-size: 1.3rem !important;
    line-height: 1.7 !important;
    background: #fff5c6;            /* DEIN Hintergrund */
    border-left: 6px solid #396397;  /* DEIN Akzent */
    color: #1f3d2b;

    /* Optik / Layout */
    padding: 20px 22px;
    margin-top: 30px;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);

    /* Wichtig: Icon + Text sauber nebeneinander */
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

/* Elementor nutzt i. d. R. .elementor-message-icon (nicht ::before) */
.elementor-widget-form .elementor-message.elementor-message-success .elementor-message-icon {
    font-size: 2.6rem !important;  /* Icon deutlich größer */
    line-height: 1 !important;
    margin-top: 2px;
    flex: 0 0 auto;
}

/* Textblock: Zeilenabstand wirklich einheitlich */
.elementor-widget-form .elementor-message.elementor-message-success .elementor-message-text {
    line-height: 1.7 !important;
}

/* Falls Elementor statt .elementor-message-text einen <span>/<div> ohne Klasse nutzt */
.elementor-widget-form .elementor-message.elementor-message-success > :not(.elementor-message-icon) {
    line-height: 1.7 !important;
}

/* Alte Pseudo-Icon-Regel bewusst deaktiviert (Elementor nutzt hier kein ::before) */
.elementor-widget-form .elementor-message.elementor-message-success::before {
    content: none !important;
}