/* GONDEL BAR — Vorabseite, Test-Variante „Anhänger“ (ergänzt site.css) */
.js .hero.hero--rig, .hero--rig { height: 100vh; height: 100svh; min-height: 0; }
.rigscene { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; overflow: visible; }
.scene__layer--edge { opacity: .85; }
.walker, [data-gondola], [data-rig], [data-rig-front] { will-change: transform; }
.suv__beam { mix-blend-mode: screen; }

/* Neustart-Knopf: Kreispfeil */
.replay-ic {
  position: relative; width: 12px; height: 12px;
  border: 1.6px solid currentColor; border-right-color: transparent; border-radius: 50%;
}
.replay-ic::after {
  content: ""; position: absolute; right: -3px; top: -2px;
  border-style: solid; border-width: 0 4px 4px 0; border-color: transparent currentColor transparent transparent;
  transform: rotate(18deg);
}
.cs-foot .motion-btn[data-replay] { gap: .55rem; }

.motion-paused .rigscene .g-bulb { animation-play-state: paused; }

/* [hidden] gegen display:inline-flex durchsetzen (sonst bleiben ausgeblendete Knöpfe sichtbar) */
.motion-btn[hidden] { display: none; }

/* ---------- Ganze Szene in einem Bildschirm, ohne Scrollen (Desktop und Handy) ---------- */
html, body.page-rig { height: 100%; overflow: hidden; overscroll-behavior: none; }
.page-rig main, .page-rig .hero { height: 100vh; height: 100svh; }
.page-rig .cs-foot {
  position: absolute; left: 0; right: 0; bottom: 0; z-index: 4;
  padding: 0 var(--gutter) max(14px, env(safe-area-inset-bottom));
  background: none; border: 0;
}
@media (max-width: 760px), (max-aspect-ratio: 19/20) {
  .page-rig .cs-foot { flex-direction: column; align-items: stretch; gap: 6px; font-size: .74rem; }
  .page-rig .cs-foot p { line-height: 1.35; }
  .page-rig .cs-foot__right { flex-wrap: nowrap; justify-content: space-between; gap: 10px; }
  .page-rig .cs-foot nav { gap: .9rem; flex-wrap: wrap; }
  .page-rig .cs-foot nav a { padding: .35rem 0; }
  /* Knöpfe als runde Symbole, Text bleibt für Screenreader */
  .page-rig .cs-foot .motion-btn { width: 40px; min-height: 40px; height: 40px; padding: 0; justify-content: center; flex: none; }
  .page-rig .cs-foot .btn-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .page-rig .cs-foot__btns { display: flex; gap: 8px; }
}
/* niedrige Bildschirme im Hochformat: Kopf und Text kompakter */
@media (max-width: 760px) and (max-height: 760px) {
  .page-rig { --header-h: 62px; }
  .page-rig .brand__logo { width: 48px; height: 48px; }
  .page-rig .hero__copy--a { top: calc(var(--header-h) + 6px); }
  .page-rig .eyebrow { font-size: .68rem; }
  .page-rig .hero__title { font-size: clamp(1.75rem, 5.6vh, 2.5rem); margin-top: .6rem; }
  .page-rig .hero__lead { font-size: .88rem; line-height: 1.45; margin-top: .6rem; }
  .page-rig .hero .btn-row { margin-top: 12px; }
  .page-rig .hero .btn { min-height: 42px; }
}
.page-rig .cs-foot__btns { display: flex; gap: 12px; align-items: center; }

/* Handy quer / sehr niedrige Fenster: alles kompakter, Fußzeile einzeilig */
@media (max-height: 520px) and (orientation: landscape) {
  .page-rig { --header-h: 54px; }
  .page-rig .brand__logo { width: 42px; height: 42px; }
  .page-rig .brand__name { font-size: 1.05rem; }
  .page-rig .hero__copy--a { top: calc(var(--header-h) + 2px); width: min(52vw, 560px); }
  .page-rig .eyebrow { font-size: .62rem; }
  .page-rig .hero__title { font-size: clamp(1.45rem, 8.2vh, 2.2rem); margin-top: .35rem; }
  .page-rig .hero__lead { font-size: .76rem; line-height: 1.38; margin-top: .4rem; max-width: 62ch; }
  .page-rig .hero .btn-row { margin-top: 10px; }
  .page-rig .hero .btn { min-height: 36px; font-size: .8rem; padding: .3rem .35rem .3rem .9rem; }
  .page-rig .hero .btn__ic { width: 28px; height: 28px; }
  .page-rig .cs-foot { flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; gap: 14px; font-size: .68rem; padding-bottom: max(8px, env(safe-area-inset-bottom)); }
  .page-rig .cs-foot__right { gap: 14px; }
  .page-rig .cs-foot nav { gap: .8rem; }
  .page-rig .cs-foot .motion-btn { width: 34px; min-height: 34px; height: 34px; padding: 0; justify-content: center; }
  .page-rig .cs-foot .btn-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}