/* KI-Glossar: Hinweise auf Startseite, Wissensseite und KI-Seite */
.glossar-band{border-top:1px solid var(--line-dark); border-bottom:1px solid var(--line-dark); overflow:hidden; padding-top:40px; padding-bottom:40px;}
/* Schwarze Leerflaechen rund ums Band schmal halten */
.stage-dark:has(+ .glossar-band){padding-bottom:36px !important;}
.glossar-band + .stage-dark{padding-top:48px;}
.glossar-band-inner{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.35fr); gap:40px; align-items:center;}
.glossar-band-text{position:relative; z-index:1;}
.glossar-band-text p{max-width:32em; margin-bottom:26px;}
/* Das Netz laeuft ohne Rahmen ins Dunkel aus */
.glossar-bild{display:block; margin:-40px -40px -40px 0;
  -webkit-mask-image:radial-gradient(ellipse 72% 70% at 52% 50%, #000 52%, rgba(0,0,0,.55) 74%, transparent 100%);
          mask-image:radial-gradient(ellipse 72% 70% at 52% 50%, #000 52%, rgba(0,0,0,.55) 74%, transparent 100%);}
.glossar-bild img{display:block; width:100%; height:auto;}
.glossar-band.kompakt{padding-top:28px; padding-bottom:28px;}
.glossar-band.kompakt .glossar-bild{margin-top:-28px; margin-bottom:-28px;}
.glossar-band.kompakt .glossar-band-inner{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);}
@media (max-width:900px){
  .glossar-band-inner, .glossar-band.kompakt .glossar-band-inner{grid-template-columns:minmax(0,1fr); gap:8px;}
  .glossar-band, .glossar-band.kompakt{padding-top:8px; padding-bottom:40px;}
  .glossar-bild, .glossar-band.kompakt .glossar-bild{order:-1; margin:-8px -24px 0;}
}