/* Artikelbild rechts oben im Seitenkopf der Wissensbeiträge (06.11.2026) */
.knowledge-v2 .hero .hero-grid.hero-grid-bild{grid-template-columns:minmax(0,1fr) clamp(200px,22vw,280px);gap:clamp(28px,4vw,56px);align-items:start}
.knowledge-v2 .hero .hero-bild{margin:0;align-self:start}
.knowledge-v2 .hero .hero-bild .hero-bild-link{display:block;cursor:zoom-in;border-radius:4px}
.knowledge-v2 .hero .hero-bild .hero-bild-link:focus-visible{outline:3px solid #fff;outline-offset:3px}
.knowledge-v2 .hero .hero-bild .hero-bild-link img{display:block;width:100%;height:auto;border-radius:4px;border:1px solid rgba(255,255,255,.22)}
.bild-dialog{padding:0;border:0;background:transparent;max-width:none;max-height:none;overflow:visible;cursor:zoom-out}
.bild-dialog::backdrop{background:rgba(5,25,35,.86)}
.bild-dialog img{display:block;width:min(94vw,94vh,1200px);height:auto;border-radius:6px;box-shadow:0 12px 48px rgba(0,0,0,.5)}
.bild-dialog .bild-dialog-close{position:absolute;top:-14px;right:-14px;width:40px;height:40px;border:0;border-radius:50%;background:#fff;color:#0b3a4d;font-size:28px;line-height:40px;text-align:center;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.4)}
@media(max-width:980px){
  .knowledge-v2 .hero .hero-grid.hero-grid-bild{grid-template-columns:1fr}
  .knowledge-v2 .hero .hero-bild{width:min(240px,62vw)}
  .bild-dialog .bild-dialog-close{top:8px;right:8px}
}
