/*** T3SB identifier: t3sbsCSSassets_37104 */

/* t3sbs_assets_37104 */
.theater-video-frame {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  padding-top: 56.25%;
  background: #000;
}

.local-video-frame {
  cursor: pointer;
}

.kroenum-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: cover;
  background: #000;
}

.video-sound-toggle {
  position: absolute;
  left: 18px;
  bottom: 18px;
  z-index: 20;
  appearance: none;
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  width: auto;
  min-width: 90px;
  height: 42px;
  padding: 0 14px;
  border-radius: 999px;
  cursor: pointer;
}

.video-click-hint {
  position: absolute;
  right: 18px;
  bottom: 18px;
  z-index: 20;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 0.9rem;
  line-height: 1.2;
}

.video-click-hint.is-hidden {
  opacity: 0;
  pointer-events: none;
}
	


/*** T3SB identifier: t3sbsCSSassets_37105 */

/* t3sbs_assets_37105 */
<style>
  :root {
    --bg-deep: #050814;
    --bg-dark: #081120;
    --bg-burgundy: #0d1a2d;
    --bg-panel: rgba(10, 20, 40, 0.92);
    --bg-panel-soft: rgba(16, 30, 56, 0.88);

    --curtain-red-dark: #0b1630;
    --curtain-red-mid: #12264d;
    --curtain-red-light: #1f3d73;

    --shadow-dark: rgba(0, 0, 0, 0.5);
  }

  .theater-landingpage {
    background:
      radial-gradient(circle at 50% 0%, rgba(120, 170, 255, 0.12), transparent 26%),
      radial-gradient(circle at 50% 18%, rgba(255,255,255,0.04), transparent 18%),
      linear-gradient(180deg, #081120 0%, #050814 100%);
  }

  .theater-content {
    background:
      radial-gradient(circle at top center, rgba(120, 170, 255, 0.16), transparent 18%),
      linear-gradient(180deg, #0b1630 0%, #081120 18%, #0d1a2d 45%, #050814 100%);
  }

  .theater-hero__inner,
  .theater-video-shell,
  .theater-calendar-shell,
  .theater-gallery-shell,
  .theater-contact-shell {
    background:
      linear-gradient(180deg, rgba(60, 100, 180, 0.14) 0%, rgba(8, 17, 32, 0.72) 100%),
      linear-gradient(180deg, rgba(255,255,255,0.03), rgba(0,0,0,0.12)),
      var(--bg-panel);
    box-shadow:
      0 28px 60px rgba(0,0,0,0.4),
      inset 0 1px 0 rgba(255,255,255,0.08),
      inset 0 0 50px rgba(70, 110, 200, 0.12);
  }

  .theater-card,
  .theater-story-block,
  .theater-info-block {
    background:
      linear-gradient(180deg, rgba(70, 110, 200, 0.12) 0%, rgba(0,0,0,0.10) 100%),
      var(--bg-panel-soft);
  }

  .theater-video-frame,
  .funkelorum-slideshow {
    background:
      radial-gradient(circle at 50% 15%, rgba(180,220,255,0.06), transparent 20%),
      linear-gradient(180deg, #10203d 0%, #081120 100%);
  }

  .curtain-top {
    background:
      radial-gradient(circle at 10% 25%, rgba(255,255,255,0.16), transparent 18%),
      radial-gradient(circle at 50% 18%, rgba(255,255,255,0.10), transparent 18%),
      radial-gradient(circle at 90% 25%, rgba(255,255,255,0.16), transparent 18%),
      linear-gradient(180deg, #2b4f8f 0%, #18305f 48%, #0b1630 100%);
  }

  .curtain {
    background:
      linear-gradient(
        90deg,
        rgba(255,255,255,0.12) 0%,
        rgba(255,255,255,0.04) 6%,
        rgba(0,0,0,0.13) 13%,
        rgba(255,255,255,0.05) 21%,
        rgba(0,0,0,0.16) 30%,
        rgba(255,255,255,0.04) 40%,
        rgba(0,0,0,0.15) 50%,
        rgba(255,255,255,0.05) 61%,
        rgba(0,0,0,0.15) 73%,
        rgba(255,255,255,0.05) 86%,
        rgba(0,0,0,0.13) 100%
      ),
      repeating-linear-gradient(
        90deg,
        rgba(255,255,255,0.05) 0px,
        rgba(255,255,255,0.02) 22px,
        rgba(0,0,0,0.12) 50px,
        rgba(255,255,255,0.04) 78px,
        rgba(0,0,0,0.13) 108px,
        rgba(255,255,255,0.03) 136px
      ),
      linear-gradient(180deg, var(--curtain-red-light) 0%, var(--curtain-red-mid) 28%, var(--curtain-red-dark) 100%);
  }
</style>

<style>
  .theater-landingpage {
    background:
      radial-gradient(circle at 50% 0%, rgba(120, 170, 255, 0.12), transparent 26%),
      linear-gradient(180deg, #081120 0%, #050814 100%) !important;
  }

  .theater-content {
    background:
      radial-gradient(circle at top center, rgba(120, 170, 255, 0.16), transparent 18%),
      linear-gradient(180deg, #0b1630 0%, #081120 18%, #0d1a2d 45%, #050814 100%) !important;
  }
</style>