.ren-lex-search { max-width: 760px; margin: 1.5em auto; padding: 1.2em 1.3em; background: #f5f7f4; border: 1px solid #d9e0d6; border-radius: 10px; }
.ren-lex-form { position: relative; margin: 0; }
.ren-lex-title { display: block; font-weight: 700; font-size: 1.1em; margin-bottom: .5em; }
.ren-lex-row { display: flex; gap: .5em; }
.ren-lex-row input[type="search"] { flex: 1; min-width: 0; padding: .7em .9em; font-size: 1em; border: 1px solid #b9c4b5; border-radius: 6px; background: #fff; }
.ren-lex-row button { padding: .7em 1.3em; font-size: 1em; border: 0; border-radius: 6px; background: #2f6b3a; color: #fff; cursor: pointer; }
.ren-lex-row button:hover, .ren-lex-row button:focus { background: #245430; }
.ren-lex-results { margin-top: .6em; padding: .6em .9em; background: #fff; border: 1px solid #d9e0d6; border-radius: 6px; }
.ren-lex-results[hidden] { display: none; }
.ren-lex-res-title { margin: .3em 0; font-size: .8em; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: #5b6b58; }
.ren-lex-results ul { list-style: none; margin: 0 0 .5em; padding: 0; }
.ren-lex-results li { padding: .25em 0; }
.ren-lex-none { margin: .3em 0; }
.ren-lex-links { margin: .6em 0 0; font-size: .9em; }

.ren-lex-az { max-width: 960px; margin: 0 auto; }
.ren-lex-letters { display: flex; flex-wrap: wrap; gap: .3em; margin: 1em 0 1.5em; }
.ren-lex-letters a, .ren-lex-letters span { display: inline-block; min-width: 2.1em; padding: .35em .5em; text-align: center; border-radius: 5px; font-weight: 700; }
.ren-lex-letters a { background: #dcebdc; color: #1f4d2a; text-decoration: none; border: 1px solid #b9d3bb; }
.ren-lex-letters a:hover, .ren-lex-letters a:focus { background: #2f6b3a; color: #fff; border-color: #2f6b3a; }
.ren-lex-letters span { background: #f1f6f1; color: #8a9b8a; border: 1px solid #e1eae1; }
.ren-lex-group { margin-bottom: 1.6em; scroll-margin-top: 90px; }
.ren-lex-group h2 { margin: 0 0 .4em; padding-bottom: .2em; border-bottom: 2px solid #2f6b3a; }
.ren-lex-list { list-style: none; margin: 0; padding: 0; }
.ren-lex-list li { padding: .5em 0; border-bottom: 1px solid #ecefea; }
.ren-lex-list a { text-decoration: none; }
.ren-lex-list span { display: block; font-size: .92em; color: #555; margin-top: .15em; }
.ren-lex-count { color: #6b756a; font-size: .9em; }

.ren-lex-more { margin-top: 2em; padding-top: 1em; border-top: 1px solid #d9e0d6; }
.ren-lex-related { padding-left: 1.2em; }
.ren-lex-link { text-decoration: underline dotted; text-underline-offset: 3px; }

@media (max-width: 520px) {
	.ren-lex-row { flex-direction: column; }
	.ren-lex-row button { width: 100%; }
}

.ren-lex-cats { list-style: none; margin: 1em 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5em; }
.ren-lex-cats li { padding: .35em .8em; background: #f5f7f4; border: 1px solid #d9e0d6; border-radius: 20px; }
.ren-lex-cats span { color: #6b756a; font-size: .85em; }

/* Seitenleiste: kompakter */
.widget .ren-lex-search, .sidebar .ren-lex-search, #sidebar .ren-lex-search { margin: 0; padding: .8em; }
.widget .ren-lex-row, .sidebar .ren-lex-row, #sidebar .ren-lex-row { flex-direction: column; }
.widget .ren-lex-row button, .sidebar .ren-lex-row button, #sidebar .ren-lex-row button { width: 100%; }

/* Buttons und Chips unter den Einträgen */
.ren-lex-btn { display: inline-block; padding: .65em 1.3em; background: #2f6b3a; color: #fff !important; border-radius: 6px; font-weight: 700; text-decoration: none !important; }
.ren-lex-btn:hover, .ren-lex-btn:focus { background: #245430; }
.ren-lex-chips { display: flex; flex-wrap: wrap; gap: .5em; margin: .6em 0 1.2em; }
.ren-lex-chips a { display: inline-block; padding: .45em 1em; background: #dcebdc; color: #1f4d2a !important; border: 1px solid #b9d3bb; border-radius: 999px; font-weight: 600; text-decoration: none !important; }
.ren-lex-chips a:hover, .ren-lex-chips a:focus { background: #2f6b3a; color: #fff !important; border-color: #2f6b3a; }
.ren-lex-back { margin-top: 1.5em; }
.ren-lex-fig { margin: 1.5em 0; }
.ren-lex-fig figcaption { margin-top: .4em; font-size: .9em; color: #555; }
