/* lexikon */
.begriff h1 {margin: 45px 0 10px 0;}
.begriff h2 {margin: 15px 0 10px 0;}
.begriff h3 {margin: 10px 0 10px 0;}
.begriff p {text-align: left!important; margin: 0; padding-bottom: 6px;}
.begriff .aenderung {font-size: 0.9em; margin-left: 280px!important;}
.begriff br {display: none;}
.begriff .small {margin: 1em 0 1em 0;}
.lexikon-alphabet {background-color: #fff; padding: 10px 12px; max-width: 1320px; margin: 0 auto; flex-wrap: wrap; gap: 3px; border-bottom: 2px solid #dee2e6; border-top: 1px solid #dee2e6; box-shadow: 0 2px 4px rgba(0,0,0,0.05); align-items: center;}
.begriff .lexikon-alphabet {margin: 0 -12px 1rem -12px; padding: 10px 12px;}
.container-fluid > .begriff:first-child {padding-top: 2rem;}
li.lexikon {break-inside: avoid; padding: 3px 0;}
li.lexikon a {text-decoration: none; color: #333; transition: padding-left 0.2s, color 0.2s;}
li.lexikon a::before {content: '\203A'; margin-right: 6px; color: #e97dd8; font-weight: bold;}
li.lexikon a:hover {padding-left: 6px; color: #e97dd8;}
h3.lexikon + ul.list-unstyled {column-count: 2; column-gap: 2rem;}
h3.lexikon {background-color: #fde9ff; padding: 8px 14px; border-left: 4px solid #e97dd8; border-radius: 0 4px 4px 0; font-size: 1.1rem; margin-top: 1.5rem;}
.lexikon-alphabet .nav-item {margin: 0;}
.lexikon-alphabet .nav-link {padding: 5px 8px; font-size: 0.9rem; color: #555; border-radius: 4px; border: 1px solid transparent; transition: background-color 0.15s, color 0.15s;}
.lexikon-alphabet .nav-link:hover {background-color: #fde9ff; color: #000; border-color: #e9c8e5;}
.lexikon-alphabet .nav-link.active {background-color: #e97dd8; color: #fff; font-weight: 600; border-radius: 4px; border-color: #d66bc5;}
.lexikon-suche {display: flex; align-items: center;}
.lexikon-suche .form-control {width: 170px; border-color: #ccc;}
.lexikon-suche .form-control:focus {border-color: #e97dd8; box-shadow: 0 0 0 0.2rem rgba(233, 125, 216, 0.25);}
.lexikon-dropdown {display: none; position: absolute; top: 100%; right: 0; width: 280px; max-height: 400px; overflow-y: auto; background: #fff; border: 1px solid #dee2e6; border-radius: 0 0 6px 6px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); z-index: 1050;}
.lexikon-dropdown-item {display: block; padding: 8px 14px; color: #333; text-decoration: none; font-size: 0.9rem; border-bottom: 1px solid #f0f0f0;}
.lexikon-dropdown-item:hover, .lexikon-dropdown-item.active {background-color: #fde9ff; color: #000;}
.lexikon-dropdown-empty {padding: 10px 14px; color: #999; font-size: 0.85rem; font-style: italic;}
.lexikon-dropdown-count {padding: 8px 14px; color: #888; font-size: 0.8rem; border-top: 1px solid #dee2e6; background: #f8f8f8;}

@media screen and (min-width: 1300px) and (max-width: 1600px) {
.begriff h2 {margin: 50px 50px 10px 50px;}
.begriff p {text-align: left!important; margin: 0 50px 0 50px; padding-bottom: 6px;}
}

@media screen and (min-width: 1080px) and (max-width: 1299px) {
.begriff h2 {margin: 50px 35px 10px 35px;}
.begriff p {text-align: left!important; margin: 0 35px 0 35px; padding-bottom: 6px;}
}

@media screen and (min-width: 997px) and (max-width: 1079px) {
.begriff h2 {margin: 50px 30px 10px 30px;}
.begriff p {text-align: left!important; margin: 0 30px 0 30px; padding-bottom: 6px;}
}

@media screen and (min-width: 768px) and (max-width: 996px) {
.begriff h2 {margin: 40px 20px 10px 20px;}
.begriff p {text-align: left!important; margin: 0 20px 0 20px; padding-bottom: 6px;}
}

@media screen and (min-width: 400px) and (max-width: 767px) {
.begriff h2 {margin: 30px 8px 10px 8px;}
.begriff p {text-align: left!important; margin: 0 8px 0 8px; padding-bottom: 6px;}
}

@media screen and (min-width: 300px) and (max-width: 399px) {
.begriff h2 {margin: 40px 5px 10px 5px;}
.begriff p {text-align: left!important; margin: 0 5px 0 5px; padding-bottom: 6px;}
}