/* Aktien-Suche — Autocomplete-Suchfeld.

   Bis 28.08.2026 schrieb der Shortcode dieses CSS als <style>-Block in jede
   Seite, auf der er steht — also auf allen 282 Aktienseiten. Jetzt eine
   Datei, die der Browser einmal holt und behält.

   Fomo-Finance-Farben: Blau #3066b2, Navy #1A2D4A, Light #F0F4FA, Gold #F5B93A */

/* Fomo-Finance-Farben: Blau #3066b2, Navy #1A2D4A, Light #F0F4FA, Gold #F5B93A */
.aktien-suche { position: relative; max-width: 460px; }
.aktien-suche input {
    width: 100%; box-sizing: border-box;
    padding: 12px 16px 12px 44px;
    font-size: 16px; line-height: 1.3; color: #1A2D4A;
    border: 1.5px solid #d4dbe6; border-radius: 8px;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%233066b2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") no-repeat 15px center;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.aktien-suche input::placeholder { color: #8a93a3; }
.aktien-suche input:focus {
    outline: none; border-color: #3066b2;
    box-shadow: 0 0 0 3px rgba(48,102,178,.16);
}
.aktien-suche-ergebnisse {
    list-style: none; margin: 6px 0 0; padding: 0; position: absolute; z-index: 1000;
    left: 0; right: 0; background: #fff; border: 1px solid #d4dbe6; border-radius: 8px;
    box-shadow: 0 8px 24px rgba(26,45,74,.12); max-height: 340px; overflow: hidden auto; display: none;
}
.aktien-suche-ergebnisse li { margin: 0; padding: 0; }
.aktien-suche-ergebnisse li + li a { border-top: 1px solid #eef1f6; }
.aktien-suche-ergebnisse a {
    display: flex; justify-content: space-between; gap: 12px; align-items: center;
    padding: 11px 14px; text-decoration: none; color: #1A2D4A;
    border-left: 3px solid transparent;
    transition: background-color .12s ease, border-color .12s ease;
}
.aktien-suche-ergebnisse .name { font-weight: 500; }
.aktien-suche-ergebnisse a:hover,
.aktien-suche-ergebnisse li.aktiv a {
    background: #F0F4FA; border-left-color: #3066b2;
}
.aktien-suche-ergebnisse .symbol {
    flex: none; color: #3066b2; background: #F0F4FA; font-weight: 600;
    font-size: .78em; letter-spacing: .02em; padding: 3px 9px; border-radius: 999px; white-space: nowrap;
}
.aktien-suche-leer { padding: 11px 14px; color: #8a93a3; }