/* --- Buttons (Mo., Di., ...) --- */
.rezept-wochenplaner-buttons button {
    background-color: #da3535;
    color: #ffffff;
    margin: 2px;
    padding: 8px 12px;
    border: 1px solid #ccc;
    cursor: pointer;
}
.rezept-wochenplaner-buttons button.active {
    background-color: green;
    color: #ffffff;
}

/* --- UL für Wochentage => Keine Bullets, entfernter Rand --- */
ul.wochenplan,
ul.wochenplan > li {
    list-style: none !important;
    margin: 0 0 20px 0;
    padding: 0 !important;
}

/* Abstand zwischen den Tagen */
ul.wochenplan > li {
    margin-bottom: 1.5em;
}

/* --- Rezepte-Liste (keine Bullets, kompakt, wrap) --- */
ul.rezepte-list {
    list-style: none !important;
    margin: 0;
    padding: 0;
}
ul.rezepte-list li {
    display: flex;
    flex-wrap: wrap; /* Bei Platzmangel umbrechen */
    align-items: center;
    gap: 4px;
    margin: 0;
    line-height: 1;
    color: #000000;
}

/* --- Eingabefelder und Buttons --- */
.rezept-notizfeld {
    width: 180px;
    margin: 0;
    padding: 2px 4px;
    color: #000000 !important; /* Immer schwarz, unabhängig vom Theme */
}
.rezept-speichern-button {
    cursor: pointer;
    margin: 0;
    padding: 3px 6px;
}
.rezept-entfernen-button {
    background-color: transparent;
    color: red;
    border: none;
    font-size: 1.2em;
    cursor: pointer;
    margin: 0;
    padding: 0 2px;
}