.elementor-7187 .elementor-element.elementor-element-d84efcc{--spacer-size:20px;}.elementor-7187 .elementor-element.elementor-element-6f9141{text-align:start;}:root{--page-title-display:none;}/* Start custom CSS *//* ===================================================
   The Newsletter Plugin - Komplettes Ecosystem Styling
   (Anmeldung, Profil, Abmeldung & Statusmeldungen)
   =================================================== */

/* 1. Globaler Font & Basis für alle Plugin-Container */
.tnp-subscription,
.tnp-subscription form,
.tnp-profile,
.tnp-profile form,
.tnp-unsubscription,
.tnp-unsubscription form,
.tnp-subscription *,
.tnp-profile *,
.tnp-unsubscription * {
    font-family: 'Epilogue', sans-serif !important;
}

/* 2. Fließtexte, Labels und Infotexte */
.tnp-subscription p,
.tnp-profile p,
.tnp-unsubscription p,
.tnp-profile .tnp-field label,
.tnp-subscription label,
.tnp-privacy-label {
    font-family: 'Epilogue', sans-serif !important;
    font-size: clamp(0.875rem, 0.7917rem + 0.3704vw, 1.125rem) !important;
    font-weight: 300 !important;
    color: #000000 !important;
    line-height: 1.6 !important;
}

/* 3. Alle Eingabefelder (E-Mail, Text, Name) */
.tnp-subscription input[type="email"],
.tnp-subscription input[type="text"],
.tnp-profile input[type="email"],
.tnp-profile input[type="text"],
.tnp-unsubscription input[type="email"],
input.tnp-email,
input.tnp-firstname,
input.tnp-lastname {
    font-family: 'Epilogue', sans-serif !important;
    font-size: clamp(0.875rem, 0.7917rem + 0.3704vw, 1.125rem) !important;
    font-weight: 300 !important;
    color: #000000 !important;
    background-color: #ffffff !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 2px solid #3BB6BF !important;
    border-radius: 0.5rem !important;
    padding: 12px 18px !important;
    width: 100% !important;
    max-width: 480px !important;
    box-sizing: border-box !important;
    outline: none !important;
    box-shadow: none !important;
    margin-top: 6px !important;
    margin-bottom: 16px !important;
    display: block !important;
    transition: border-color 0.2s ease !important;
}

.tnp-subscription input:focus,
.tnp-profile input:focus,
.tnp-unsubscription input:focus {
    border-bottom-color: #000000 !important;
    outline: none !important;
    box-shadow: none !important;
}

/* 4. Sämtliche Buttons (Abonnieren, Speichern, Abmelden) */
.tnp-subscription input[type="submit"],
.tnp-profile input[type="submit"],
.tnp-unsubscription input[type="submit"],
.tnp-submit {
    font-family: 'Outfit', sans-serif !important;
    font-size: clamp(0.875rem, 0.8333rem + 0.1852vw, 1rem) !important;
    font-weight: 600 !important;
    color: #FFFFFF !important;
    background-color: #3BB6BF !important;
    border: 2px solid #3BB6BF !important;
    border-radius: 9999px !important;
    padding: 10px 32px !important;
    cursor: pointer !important;
    display: inline-block !important;
    text-align: center !important;
    outline: none !important;
    margin-top: 10px !important;
    transition: all 0.25s ease-in-out !important;
}

.tnp-subscription input[type="submit"]:hover,
.tnp-profile input[type="submit"]:hover,
.tnp-unsubscription input[type="submit"]:hover,
.tnp-submit:hover {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #FFFFFF !important;
}

/* 5. Checkboxen & Links */
.tnp-subscription input[type="checkbox"],
.tnp-profile input[type="checkbox"] {
    accent-color: #3BB6BF !important;
}

.tnp-privacy-label a,
.tnp-subscription a,
.tnp-profile a,
.tnp-unsubscription a {
    color: #3BB6BF !important;
    text-decoration: underline !important;
}

/* 6. Systemmeldungen (Erfolg & Fehler) */
.tnp-message,
.tnp-error,
.tnp-notice {
    font-family: 'Epilogue', sans-serif !important;
    font-size: clamp(0.875rem, 0.7917rem + 0.3704vw, 1.125rem) !important;
    border-radius: 0.5rem !important;
    padding: 14px 18px !important;
    margin-bottom: 20px !important;
    max-width: 480px !important;
    line-height: 1.5 !important;
}

.tnp-error {
    background-color: #fdf2f2 !important;
    color: #991b1b !important;
    border-left: 4px solid #ef4444 !important;
}

.tnp-message,
.tnp-notice {
    background-color: #f0fdfa !important;
    color: #115e59 !important;
    border-left: 4px solid #3BB6BF !important;
}/* End custom CSS */