/* RAK Licht-Regie 3 – exclusively scoped to the RAK hero.
   No typography, spacing or .nectar-button rules are overridden. */
.rak-licht-buehne.rak-licht-active {
  --rak-licht-color: #0b1220;
  --rak-licht-overlay-mid: 48%;
  --rak-licht-overlay-opacity: .95;
  position: relative !important;
  isolation: isolate;
  box-sizing: border-box !important;
  background-color: var(--rak-licht-color);
}
@media (min-width: 1025px) {
  .rak-licht-buehne.rak-licht-active {
    /* Runtime measurement subtracts the header/space above the hero. */
    height: var(--rak-licht-hero-height) !important;
    min-height: 0 !important;
    max-height: none !important;
  }
}
/* Ensure only the original row's content stacks above the photo.
   Keep Salient's native flex/grid layout, margins, padding and fonts intact. */
.rak-licht-buehne.rak-licht-active > .row_col_wrap_12,
.rak-licht-buehne.rak-licht-active > .row_col_wrap_12_inner,
.rak-licht-buehne.rak-licht-active > .vc_column_container,
.rak-licht-buehne.rak-licht-active > .container {
  position: relative;
  z-index: 2;
}
.rak-licht-buehne.rak-licht-active > .row-bg-wrap,
.rak-licht-buehne.rak-licht-active > .row-bg-overlay,
.rak-licht-buehne.rak-licht-active > .video-color-overlay {
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: -1 !important;
}
.rak-licht-buehne .rak-licht-stage {
  position: absolute !important;
  top: 0;
  bottom: 0;
  left: 50%;
  right: auto;
  width: 100vw;
  max-width: 100vw;
  transform: translateX(-50%);
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
  background-color: #0b1220;
}
.rak-licht-buehne .rak-licht-stage__canvas,
.rak-licht-buehne .rak-licht-stage__overlay {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.rak-licht-buehne .rak-licht-stage__overlay {
  z-index: 1;
  /* Actual CSS overlay, NOT baked into the images. */
  background: linear-gradient(90deg,
    #0b1220 0%,
    rgba(11,18,32,.99) 17%,
    rgba(11,18,32,.79) 30%,
    rgba(11,18,32,.42) var(--rak-licht-overlay-mid),
    rgba(11,18,32,.16) 74%,
    rgba(11,18,32,.035) 100%);
  opacity: var(--rak-licht-overlay-opacity);
}
@media (max-width: 1024px) {
  .rak-licht-buehne.rak-licht-active {
    /* Preserve Salient's natural height if text wraps or mobile UI enlarges. */
    min-height: min(85svh, 780px);
    box-sizing: border-box !important;
  }
  .rak-licht-buehne .rak-licht-stage__overlay {
    background: linear-gradient(180deg,
      rgba(11,18,32,.80) 0%,
      rgba(11,18,32,.67) 28%,
      rgba(11,18,32,.32) 57%,
      rgba(11,18,32,.66) 81%,
      #0b1220 100%);
  }
}
