/* 1. Variablen auf höchster Ebene überschreiben */
:root, [data-bs-theme="dark"], [data-bs-theme="light"] {
    --footer-background-color: #F5F5F5 !important;
    --bs-body-bg: #F5F5F5 !important;
}

/* 2. Den Container mit maximaler Spezifität erzwingen */
html body #footer .footer_main, 
html body .footer .footer_main {
    background-color: #F5F5F5 !important;
    background: #F5F5F5 !important;
}

/* 3. Alle Texte im Footer dunkel machen */
.footer_main, .footer_main a, .footer_main p, .footer_main span, .footer_main .h3, .footer_main .footer_block_title {
    color: #333333 !important;
}

/* Suchfeld im Header kompakter machen */
#search_widget form input[type="text"] {
    border-radius: 25px; /* Rundet das Feld ab */
    padding-right: 40px;
}

/* Die Lupe positionieren */
#search_widget form button[type="submit"] {
    background: none;
    color: #333;
    position: absolute;
    right: 5px;
    top: 0;
    height: 100%;
}

/* Falls du NUR die Lupe willst (Expert-Variante): */
/* Das Feld wird erst beim Draufklicken breiter */
/*
#search_widget form input[type="text"] {
    width: 40px;
    transition: width 0.4s ease-in-out;
    border: none;
    cursor: pointer;
}
#search_widget form input[type="text"]:focus {
    width: 250px;
    cursor: text;
    border: 1px solid #ccc;
}
*/