.warning {color: red;}
.tdp-search-wrapper {display: flex; gap: 5px; margin-bottom: 10px; position: relative;}
.tdp-pagination-wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; margin: 1.5em 0; }
.tdp-taxonomie-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; max-height: 200px; overflow-y: auto; padding: 10px; border: 1px solid #ccd0d4; background: #f6f7f7; margin: 0.5em 0; }
.tdp-checkbox-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; max-height: 600px; overflow-y: auto; padding: 10px; border: 1px solid #ccd0d4; background: #f6f7f7; margin: 0.5em 0; }
.tdp-checkbox-list { display: block; padding: 10px; border: 1px solid #ddd; background-color: #f9f9f9; margin-bottom: 1em; }
.tdp-checkbox-list h3 { margin-top: 0; margin-bottom: 10px; }
.tdp-checkbox-list label { display: flex; align-items: center; gap: 8px; padding: 5px; border-radius: 4px; background-color: white; border: 1px solid #ccc; margin-bottom: 5px; }
.tdp-checkbox-list label:hover { background-color: #eef6ff; border-color: #0073aa; }
.tdp-checkbox-list input[type="checkbox"] { margin-right: 8px; flex-shrink: 0; }
.tdp-pagination { justify-content: center; margin-top: 1em; display: flex; gap: 0.5em; clear: both; padding-top: 10px; }
.tdp-pagination a, .tdp-pagination span { padding: 5px 10px; border: 1px solid #ddd; background: #f0f0f0; text-decoration: none; color: #0073aa; }
.tdp-pagination .current { background: #0073aa; color: white; border-color: #005177; }
.tdp-feedback { font-style: italic; margin-left: 5px; }
.tdp-search-button {padding: 4px; margin: 0;}
.tdp-search-input { width: 100%; box-sizing: border-box; padding-right: 30px; }
select[name="tdp_custom_symbol"] { font-size: 1.5em; vertical-align: middle; }
select[name="tdp_custom_symbol"] option { font-size: 1rem; }
@media (max-width: 1200px) { .tdp-pagination-wrapper { grid-template-columns: 1fr; } }
@media (max-width: 768px) { .tdp-checkbox-grid { max-height: 400px; } }


        .tdp-clear-search {
            position: absolute;
            top: 50%;
            right: 10px;
            transform: translateY(-50%);
            border: none;
            border-radius: 50%;
            width: 20px;
            height: 20px;
            line-height: 18px;
            text-align: center;
            cursor: pointer;
            font-weight: bold;
            font-size: 14px;
            padding: 0;
            display: none; /* Standardmäßig ausgeblendet */
            z-index: 2;
        }

        .tdp-clear-search:hover {
            background: #aaa;
        }

        /* Stelle sicher, dass der Input immer noch Padding hat */
        .tdp-search-input {
            padding-right: 30px; /* Platz für den 'X' Button */
            box-sizing: border-box;
        }

        /* Standard 'X' des Browsers ausblenden (WebKit/Blink) */
        input[type="search"]::-webkit-search-decoration,
        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-results-button,
        input[type="search"]::-webkit-search-results-decoration {
            -webkit-appearance: none;
            display: none;
        }
        /* Standard 'X' des Browsers ausblenden (Firefox - oft nicht vorhanden, aber sicherheitshalber) */
        input[type="search"] {
           -moz-appearance: textfield; /* Verhindert evtl. Firefox-Styling */
        }