.frame-type-atomicplan_lrhero {
  margin-top: calc(-1 * var(--plb-page-main-pt, var(--bs-gap-large, 50px)));
}
.frame-type-atomicplan_lrhero .lr-hero {
  --pl-pagehero-height: 100svh;
  --pl-pagehero-min-height: 700px;
  --pl-pagehero-header-gap: 0px;
  --pl-pagehero-pad-bottom: calc(var(--lr-discovery-bar-lift, 0px) + clamp(5rem, 3rem + 2.2vw, 5.5rem));
  --pl-pagehero-color: var(--lr-on-dark);
  --pl-pagehero-scrim: linear-gradient(to top,
    rgba(15, 16, 14, 0.78) 0%, rgba(15, 16, 14, 0.18) 42%, rgba(15, 16, 14, 0.30) 100%);
  --pl-pagehero-inner-maxw: 1640px;
  --pl-pagehero-inner-pad: var(--lr-gutter);
  --lr-hero-controls-bottom: calc(var(--lr-discovery-bar-lift, 0px) + clamp(1.4rem, 3vh, 2.2rem));
}

.frame-type-atomicplan_lrhero .lr-hero__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--lr-hero-tint, #7c5c58);
  mix-blend-mode: multiply;
  opacity: var(--lr-hero-tint-opacity, 1);
  pointer-events: none;
}

/* Zweispaltiges Raster — das gibt es nur bei diesem Kopf. */
.frame-type-atomicplan_lrhero .lr-hero__inner {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  gap: 2rem;
}

/* Eyebrow (eigene helle Variante — Deko-Label, nicht von der Heading-Konfig abgedeckt) */
.frame-type-atomicplan_lrhero .lr-hero__eyebrow {
  display: flex; align-items: center; gap: 0.9em;
  font-family: var(--lr-font-body);
  font-size: 0.74rem; letter-spacing: 0.34em; text-transform: uppercase;
  color: var(--lr-stone); margin-bottom: 1.6rem;
}
.frame-type-atomicplan_lrhero .lr-hero__eyebrow::before {
  content: ""; width: 3rem; height: 1px; background: var(--lr-bronze);
}

.frame-type-atomicplan_lrhero .lr-hero__title {
  color: #fff;
  line-height: 0.96;
  max-width: 16ch;
  margin: 0 0 0.5rem;
  text-shadow: none;
}
.frame-type-atomicplan_lrhero .lr-hero__title em { color: var(--lr-stone); }

.frame-type-atomicplan_lrhero .lr-hero__abstract {
  margin-top: 1.8rem;
  margin-bottom: 1rem;
  font-family: var(--lr-font-body);
  font-weight: inherit;
  text-shadow: none;
  font-size: clamp(1.05rem, 0.9rem + 0.6vw, 1.3rem);
  color: rgba(255, 255, 255, 0.86);
  max-width: 45ch;
}
/* Richtext-Einleitung: Links im Fliesstext auf dem Film nicht in Rose, sondern
   in der Textfarbe mit Unterstreichung. */
.frame-type-atomicplan_lrhero .lr-hero__abstract a { color: inherit; text-decoration: underline; text-underline-offset: 0.2em; }
.frame-type-atomicplan_lrhero .lr-hero__abstract a:hover { color: #fff; }

.frame-type-atomicplan_lrhero .lr-hero__cta {
  margin-top: 2.6rem; display: flex; gap: 1rem; flex-wrap: wrap; align-items: center;
}
.frame-type-atomicplan_lrhero .lr-hero__arrow { color: #fff; }

/* Kennzahlen-Aside */
.frame-type-atomicplan_lrhero .lr-hero__aside {
  text-align: right; display: flex; flex-direction: column; align-items: flex-end; gap: 1.4rem;
}
.frame-type-atomicplan_lrhero .lr-stat { text-align: right; }
.frame-type-atomicplan_lrhero .lr-stat__n {
  font-family: var(--lr-font-display); font-weight: 300; font-size: 2.6rem; line-height: 1; color: #fff;
}
.frame-type-atomicplan_lrhero .lr-stat__l {
  font-size: 0.68rem; letter-spacing: 0.18em; text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6); margin-top: 0.4rem;
}

/* Scroll-Cue */
.frame-type-atomicplan_lrhero .lr-hero__scroll {
  position: absolute; left: var(--lr-gutter); bottom: clamp(1.4rem, 3vh, 2.2rem);
  display: flex; align-items: center; gap: 0.8em;
  font-size: 0.66rem; letter-spacing: 0.24em; text-transform: uppercase;
  color: rgba(255, 255, 255, 0.65);
}
.frame-type-atomicplan_lrhero .lr-hero__scroll .bar {
  position: relative; width: 46px; height: 1px; background: rgba(255, 255, 255, 0.3); overflow: hidden;
}
.frame-type-atomicplan_lrhero .lr-hero__scroll .bar::after {
  content: ""; position: absolute; inset: 0; background: var(--lr-bronze);
  transform-origin: left; animation: lr-hero-scrollbar 2.6s var(--lr-ease-soft) infinite;
}
@keyframes lr-hero-scrollbar {
  0% { transform: scaleX(0); }
  50% { transform: scaleX(1); transform-origin: left; }
  51% { transform-origin: right; }
  100% { transform: scaleX(0); transform-origin: right; }
}

.frame-type-atomicplan_lrhero .pl-pagehero__motion {
  --pl-pagehero-motion-inset: var(--lr-gutter);
  inset-block-end: var(--lr-hero-controls-bottom);
}

.frame-type-atomicplan_lrhero .lr-hero__mute {
  position: absolute;
  /* Links NEBEN dem Bewegungs-Schalter (dessen Breite 2.5rem + Zwischenraum),
     beide auf derselben Unterkante — vorher standen sie versetzt und beide
     unsichtbar hinter der Leiste. */
  right: calc(var(--lr-gutter) + 2.5rem + 0.6rem);
  bottom: var(--lr-hero-controls-bottom);
  width: 42px; height: 42px; border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 50%; display: grid; place-items: center;
  color: #fff; background: none; cursor: pointer;
  transition: background 0.3s, border-color 0.3s;
}
.frame-type-atomicplan_lrhero .lr-hero__mute:hover { background: rgba(255, 255, 255, 0.12); border-color: #fff; }
.frame-type-atomicplan_lrhero .lr-hero__mute svg { width: 16px; height: 16px; }

/* Staged entrance */
.frame-type-atomicplan_lrhero .lr-hero__eyebrow,
.frame-type-atomicplan_lrhero .lr-hero__title,
.frame-type-atomicplan_lrhero .lr-hero__abstract,
.frame-type-atomicplan_lrhero .lr-hero__cta,
.frame-type-atomicplan_lrhero .lr-hero__aside,
.frame-type-atomicplan_lrhero .lr-hero__scroll {
  opacity: 0; transform: translateY(26px);
  animation: lr-hero-up 1.2s var(--lr-ease-out) forwards;
}
.frame-type-atomicplan_lrhero .lr-hero__title  { animation-delay: 0.15s; }
.frame-type-atomicplan_lrhero .lr-hero__abstract    { animation-delay: 0.35s; }
.frame-type-atomicplan_lrhero .lr-hero__cta    { animation-delay: 0.50s; }
.frame-type-atomicplan_lrhero .lr-hero__aside  { animation-delay: 0.65s; }
.frame-type-atomicplan_lrhero .lr-hero__scroll { animation-delay: 0.90s; }
@keyframes lr-hero-up { to { opacity: 1; transform: none; } }

@media (max-width: 860px) {
  .frame-type-atomicplan_lrhero .lr-hero__inner { grid-template-columns: 1fr; }
  .frame-type-atomicplan_lrhero .lr-hero__aside,
  .frame-type-atomicplan_lrhero .lr-hero__mute { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .frame-type-atomicplan_lrhero .lr-hero__eyebrow,
  .frame-type-atomicplan_lrhero .lr-hero__title,
  .frame-type-atomicplan_lrhero .lr-hero__abstract,
  .frame-type-atomicplan_lrhero .lr-hero__cta,
  .frame-type-atomicplan_lrhero .lr-hero__aside,
  .frame-type-atomicplan_lrhero .lr-hero__scroll { opacity: 1; transform: none; animation: none; }
  .frame-type-atomicplan_lrhero .lr-hero__scroll .bar::after { animation: none; }
}