/* Glossar (Redesign 2026). Vorlage: Entwurf glossar-v3. */
[hidden]{display:none!important}
.hero--seite h1{font-size:clamp(30px,3.6vw,46px);margin-bottom:12px}
.gsuche{position:relative;max-width:520px;margin-top:24px}
.gsuche input{width:100%;height:54px;padding:0 16px 0 48px;border:0;border-radius:var(--radius);background:#fff;color:var(--tinte);font:500 16px var(--schrift);box-shadow:0 16px 40px rgba(4,20,34,.3)}
.gsuche input:focus{outline:3px solid var(--gelb);outline-offset:0}
.gsuche svg{position:absolute;left:16px;top:50%;translate:0 -50%;color:var(--gedaempft)}

.band--start{padding-top:clamp(28px,3.5vw,40px)}
.abc{position:sticky;top:calc(73px + env(safe-area-inset-top,0px));z-index:5;display:flex;flex-wrap:wrap;gap:2px;padding:10px 0;background:var(--weiss);border-bottom:1px solid var(--linie);font:750 14px var(--titel)}
.abc a,.abc span{min-width:30px;height:32px;display:grid;place-items:center;border-radius:var(--radius)}
.abc a{color:var(--tinte)}
.abc a:hover{background:var(--gelb)}
.abc span{color:rgba(21,32,43,.22)}
.abc a.leer{color:rgba(21,32,43,.22);pointer-events:none}
.info-zeile{margin:16px 0 0;font-size:14px;color:var(--gedaempft)}
.info-zeile b{color:var(--tinte)}
.buchstabe{display:grid;grid-template-columns:96px minmax(0,1fr);gap:0 24px;padding-top:28px;scroll-margin-top:140px}
@media (max-width:640px){.buchstabe{grid-template-columns:minmax(0,1fr)}}
.buchstabe h2{font:800 56px/1 var(--titel);color:var(--asphalt);position:sticky;top:140px;align-self:start;padding-top:6px}
.buchstabe h2::after{content:"";display:block;width:28px;height:4px;background:var(--gelb);margin-top:10px}
@media (max-width:640px){.buchstabe h2{position:static;font-size:40px;margin-bottom:6px}}
.buchstabe dl{margin:0}
.begriff{padding:18px 0;border-bottom:1px solid var(--linie)}
.begriff:first-child{border-top:2px solid var(--tinte)}
@media (max-width:640px){.begriff:first-child{border-top-width:1px}}
.begriff dt a{font:750 20px/1.25 var(--titel);color:var(--tinte)}
.begriff dt a:hover{color:var(--blau)}
.begriff dd{margin:6px 0 0;font-size:15.5px;line-height:1.6;color:var(--text);max-width:62em}
.begriff .mehr{white-space:nowrap;font-weight:700;color:var(--blau)}
.leer-meldung{padding:28px 0;color:var(--gedaempft)}
.leer-meldung button{border:0;background:none;padding:0;font:700 inherit var(--schrift);color:var(--blau);text-decoration:underline;cursor:pointer}

.weiter-themen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media (max-width:760px){.weiter-themen{grid-template-columns:minmax(0,1fr)}}
.weiter-themen a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;border:1px solid var(--linie);border-radius:var(--radius)}
.weiter-themen a:hover{border-color:var(--asphalt)}
.weiter-themen strong{display:block;font:750 16.5px/1.25 var(--titel);color:var(--tinte)}
.weiter-themen a:hover strong{color:var(--blau)}
.weiter-themen small{display:block;margin-top:3px;font-size:13.5px;color:var(--gedaempft)}