/* Globale Lösung für fehlende fts_picto Font */

/* Eigene fts_picto Font-Definition mit Fallback */
@font-face {
    font-family: 'fts_picto';
    src: url('data:font/woff2;base64,') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* Alle fts_picto Elemente auf Arial umstellen */
*[style*="font-family:fts_picto"],
*[style*="font-family: fts_picto"] {
    font-family: Arial, sans-serif !important;
}

/* Spezifische Unicode-Codes durch normale Zeichen ersetzen */

/* Passwort anzeigen/verstecken Icons */
.ei_inputpassword-reveal .ei_inputpassword__reveal-icon:before {
    font-family: Arial, sans-serif !important;
    content: "👁" !important; /* Auge-Symbol */
    font-size: 16px !important;
}

.ei_inputpassword-reveal input[type=text] + .ei_inputpassword__reveal .ei_inputpassword__reveal-icon:before {
    content: "🙈" !important; /* Verstecktes Auge */
    font-size: 16px !important;
}

/* Button-Ecken Icons */
.ei_btn_tlcorn::before,
.ei_btn_blcorn::before {
    font-family: Arial, sans-serif !important;
    content: "" !important;
}

/* Navigation Pfeile */
.ei_nav-ariane .a_ariane__sep:before,
.ei_breadcrumb_sep:before {
    font-family: Arial, sans-serif !important;
    content: "→" !important;
    font-size: 16px !important;
}

/* Scroller Pfeile */
.ei_scroller .ei_scroller_button.ei_scroller_button-right .ei_scroller_icon:before {
    font-family: Arial, sans-serif !important;
    content: "→" !important;
    font-size: 20px !important;
}

.ei_scroller .ei_scroller_button.ei_scroller_button-left .ei_scroller_icon:before {
    font-family: Arial, sans-serif !important;
    content: "←" !important;
    font-size: 20px !important;
}

/* Kalender Pfeile */
.flatpickr-months .numInputWrapper span.arrowUp:before {
    font-family: Arial, sans-serif !important;
    content: "▲" !important;
    font-size: 12px !important;
}

.flatpickr-months .numInputWrapper span.arrowDown:before {
    font-family: Arial, sans-serif !important;
    content: "▼" !important;
    font-size: 12px !important;
}

/* Nachrichten Icons */
div.alerte:before {
    font-family: Arial, sans-serif !important;
    content: "⚠" !important;
    font-size: 18px !important;
}

div.info:before {
    font-family: Arial, sans-serif !important;
    content: "ℹ" !important;
    font-size: 18px !important;
}

/* Alle Fehlermeldungs-Icons entfernen - STÄRKSTE REGEL */
div.err:before,
.err:before,
.ei_appl_ident_lig.err:before,
*[class*="err"]:before,
div.ERREUR:before,
.ERREUR:before,
.blocmsg.err:before,
.bloctxt.err:before {
    content: "" !important;
    display: none !important;
    font-size: 0 !important;
    width: 0 !important;
    height: 0 !important;
    position: static !important;
    visibility: hidden !important;
}

div.succes:before {
    font-family: Arial, sans-serif !important;
    content: "✓" !important;
    font-size: 18px !important;
}

div.ei_promote:before {
    font-family: Arial, sans-serif !important;
    content: "★" !important;
    font-size: 20px !important;
}

/* Hint Icons */
.ei_hint_decor:before,
.ei_hint_decor-info:before {
    font-family: Arial, sans-serif !important;
    content: "?" !important;
    font-size: 16px !important;
}

/* Home Icon */
.ei_nav-ariane .a_ariane__item:first-child .a_ariane__itemlink:before {
    font-family: Arial, sans-serif !important;
    content: "🏠" !important;
    font-size: 16px !important;
}

/* Attention Icons */
em.attn:before,
span.attn:before {
    font-family: Arial, sans-serif !important;
    content: "!" !important;
    font-size: 16px !important;
}

.d em.attn:after,
.d span.attn:after {
    font-family: Arial, sans-serif !important;
    content: "!" !important;
    font-size: 16px !important;
}

/* Globale Überschreibung für alle ::before und ::after mit fts_picto */
*::before,
*::after {
    font-family: Arial, sans-serif !important;
}

/* NEUER SAUBERER BUTTON - TARGOBANK Design wie Input-Felder */
button.ei_btn_custom,
.ei_button button.ei_btn_custom,
.ei_mainbuttons button.ei_btn_custom {
    /* TARGOBANK-rotes Design - wie Input-Felder gestylt */
    background: linear-gradient(to bottom, #bc0624 0%, #a00520 100%) !important;
    border: 2px solid #8a041c !important;
    border-radius: 5px !important;
    
    /* Text-Styling - wie Original Input-Felder */
    color: #ffffff !important;
    font-family: Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    
    /* Layout - Breite wie Passwort-Feld, Höhe angepasst */
    padding: 8px 16px !important;
    height: 36px !important;
    width: 200px !important;
    display: inline-block !important;
    text-align: center !important;
    vertical-align: middle !important;
    line-height: 20px !important;
    
    /* Cursor und Transitions */
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    
    /* Box-Model */
    box-sizing: border-box !important;
    margin: 0 !important;
    outline: none !important;
    
    /* Reset alle möglichen Überschreibungen */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

/* Hover-Effekt - TARGOBANK rot dunkler */
button.ei_btn_custom:hover,
.ei_button button.ei_btn_custom:hover,
.ei_mainbuttons button.ei_btn_custom:hover {
    background: linear-gradient(to bottom, #a00520 0%, #8a041c 100%) !important;
    border-color: #6d0316 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Focus-Effekt für Accessibility - TARGOBANK */
button.ei_btn_custom:focus,
.ei_button button.ei_btn_custom:focus,
.ei_mainbuttons button.ei_btn_custom:focus {
    outline: 2px solid #ffffff !important;
    outline-offset: 2px !important;
    background: linear-gradient(to bottom, #a00520 0%, #8a041c 100%) !important;
}

/* Active-Effekt - TARGOBANK */
button.ei_btn_custom:active,
.ei_button button.ei_btn_custom:active,
.ei_mainbuttons button.ei_btn_custom:active {
    background: linear-gradient(to bottom, #8a041c 0%, #6d0316 100%) !important;
    transform: translateY(1px) !important;
}

/* ABBRECHEN-BUTTON (sekundärer Button-Stil) */
.ei_btn_custom_cancel {
    /* Basis-Styling - heller als Hauptbutton */
    background: linear-gradient(to bottom, #f5f5f5 0%, #e0e0e0 100%) !important;
    border: 1px solid #cccccc !important;
    border-radius: 4px !important;
    
    /* Text-Styling */
    color: #333333 !important;
    font-family: Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    
    /* Layout */
    padding: 12px 24px !important;
    min-height: 44px !important;
    min-width: 120px !important;
    display: inline-block !important;
    text-align: center !important;
    vertical-align: middle !important;
    
    /* Cursor und Transitions */
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    
    /* Box-Model */
    box-sizing: border-box !important;
    margin: 0 !important;
    outline: none !important;
}

/* Hover-Effekt für Abbrechen-Button */
.ei_btn_custom_cancel:hover {
    background: linear-gradient(to bottom, #e0e0e0 0%, #d0d0d0 100%) !important;
    border-color: #aaaaaa !important;
    color: #333333 !important;
    text-decoration: none !important;
}

/* Focus-Effekt für Abbrechen-Button */
.ei_btn_custom_cancel:focus {
    outline: 2px solid #0079b2 !important;
    outline-offset: 2px !important;
    background: linear-gradient(to bottom, #e0e0e0 0%, #d0d0d0 100%) !important;
}

/* Active-Effekt für Abbrechen-Button */
.ei_btn_custom_cancel:active {
    background: linear-gradient(to bottom, #d0d0d0 0%, #c0c0c0 100%) !important;
    transform: translateY(1px) !important;
}

/* CSS für JavaScript-ersetzte Elemente */
.unicode-replaced::before {
    content: var(--icon-replacement) !important;
    font-family: Arial, sans-serif !important;
}

/* Zusätzliche Sicherheit für alle fts_picto Referenzen */
*[style*="fts_picto"]::before,
*[style*="fts_picto"]::after {
    font-family: Arial, sans-serif !important;
}

/* Verstecke alle Elemente die Unicode-Codes als Text anzeigen */
*:contains("F0329"),
*:contains("F04E8"),
*:contains("F04E7") {
    font-size: 0 !important;
}

/* Spezielle Behandlung für dynamisch eingefügte Inhalte */
.ei_btn_tlcorn[style*="display: block"],
.ei_btn_blcorn[style*="display: block"] {
    display: none !important;
}