/* Pfeile im Hero (Beitragsbild) */
.oae-ola-arrows{ position:absolute; inset:0; display:flex; align-items:center; justify-content:space-between; pointer-events:none; }
.oae-ola-arrows > button{
  pointer-events:auto;
  border:0; width:40px; height:40px; border-radius:999px;
  background:rgba(0,0,0,.45); color:#fff; font-size:24px; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  transition:transform .12s ease, background .12s ease;
}
.oae-ola-arrows > button:hover{ background:rgba(0,0,0,.65); transform:scale(1.06); }
.oae-ola-prev{ margin-left:8px; }
.oae-ola-next{ margin-right:8px; }

/* Lightbox */
#oae-ola-lightbox{ position:fixed; inset:0; display:none; align-items:center; justify-content:center; z-index:100000; }
#oae-ola-lightbox.is-open{ display:flex; }
#oae-ola-lightbox .oae-ola-backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.86); }
#oae-ola-lightbox .oae-ola-fig{ position:relative; z-index:1; margin:0; }
#oae-ola-lightbox img{ max-width:95vw; max-height:90vh; display:block; border-radius:8px; box-shadow:0 20px 60px rgba(0,0,0,.6); }
#oae-ola-lightbox figcaption{ color:#e5e7eb; text-align:center; margin-top:10px; font-size:14px; }
#oae-ola-lightbox .oae-ola-close{ position:absolute; top:-10px; right:-10px; width:36px; height:36px; border-radius:999px; border:0; cursor:pointer; font-size:22px; background:rgba(0,0,0,.6); color:#fff; }
#oae-ola-lightbox .oae-ola-prev, #oae-ola-lightbox .oae-ola-next{
  position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px;
  border-radius:999px; border:0; cursor:pointer; font-size:26px;
  background:rgba(0,0,0,.55); color:#fff;
}
#oae-ola-lightbox .oae-ola-prev{ left:-56px; } 
#oae-ola-lightbox .oae-ola-next{ right:-56px; }
#oae-ola-lightbox .oae-ola-counter{ position:absolute; right:0; bottom:-26px; color:#cbd5e1; font-size:12px; }