.film-player-premium > .film-top,
.film-player-premium > .film-stage,
.film-player-premium > .film-controls { display:none!important; }

.film-player-premium .film-scene {
  isolation: isolate;
  box-sizing: border-box;
}

/* Realer Produktfilm: Mensch, Immobilie und sichtbare 360°-Begleitung. */
.film-player-premium:has(.film-lifecycle-frame) .film-stage,
.film-player-premium:has(.film-lifecycle-frame) > .film-controls { display:none; }
.film-lifecycle-frame { display:block; width:100%; aspect-ratio:16/9; border:0; background:#f4f0e8; }
.film-player-premium:has(.film-lifecycle-frame) { overflow:hidden; border-radius:24px; background:#17211d; box-shadow:0 24px 70px rgba(21,31,27,.18); }
.film-player-premium:has(.film-lifecycle-frame) .film-top { position:static; padding:11px 16px; background:#17211d; color:#fff; }
@media (max-width:700px){
  .film-player-premium:has(.film-lifecycle-frame){border-radius:16px}
  .film-lifecycle-frame{height:220px;min-height:220px;aspect-ratio:auto;background:#111915}
}

.film-player-premium .film-scene::before,
.film-player-premium .film-scene::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.film-player-premium .film-scene::before {
  z-index: -2;
  background: var(--film-image) center / cover no-repeat;
  transform: scale(1.035);
  filter: saturate(.82) contrast(1.06);
}

.film-player-premium .film-scene::after {
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(3, 17, 18, .94) 0%, rgba(3, 17, 18, .78) 49%, rgba(3, 17, 18, .28) 100%),
    linear-gradient(0deg, rgba(3, 17, 18, .58), transparent 48%);
}

.film-player-premium .film-scene.active::before {
  animation: film-scene-camera 8s ease-out both;
}

.film-player-premium .film-scene:nth-of-type(even).active::before {
  animation-name: film-scene-camera-reverse;
}

.film-player-premium .film-scene > * {
  position: relative;
  z-index: 1;
}

.film-player-premium .film-scene.active > small,
.film-player-premium .film-scene.active > h3,
.film-player-premium .film-scene.active > div,
.film-player-premium .film-scene.active > p {
  animation: film-content-arrive .75s ease-out both;
}

.film-player-premium .film-scene.active > h3 { animation-delay: .08s; }
.film-player-premium .film-scene.active > div { animation-delay: .16s; }
.film-player-premium .film-scene.active > p { animation-delay: .23s; }

.film-core-orbit,
.film-loop-ring {
  position: relative;
  width: min(390px, 82%);
  aspect-ratio: 1;
  margin: 8px auto 0;
  border: 1px solid rgba(216, 255, 87, .5);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(216,255,87,.13), transparent 58%);
  animation: film-orbit-breathe 5s ease-in-out infinite;
}

.film-core-orbit b,
.film-loop-ring b {
  position: absolute;
  inset: 34%;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #d8ff57;
  color: #07191a;
  font: 700 13px Manrope, sans-serif;
  text-align: center;
  box-shadow: 0 0 45px rgba(216,255,87,.25);
}

.film-core-orbit i {
  position: absolute;
  inset: 43%;
  display: grid;
  place-items: center;
  color: #07191a;
  font: 700 11px Manrope, sans-serif;
  font-style: normal;
}

.film-core-orbit span,
.film-loop-ring > span {
  position: absolute;
  padding: 7px 10px;
  border: 1px solid #5d7874;
  border-radius: 999px;
  background: #092526;
  color: #eaf2ef;
  font: 700 9px Manrope, sans-serif;
  letter-spacing: .06em;
  white-space: nowrap;
}

.film-core-orbit span:nth-of-type(1){left:-4%;top:46%}
.film-core-orbit span:nth-of-type(2){right:-7%;top:25%}
.film-core-orbit span:nth-of-type(3){right:-6%;bottom:18%}

.film-path-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  max-width: 700px;
}

.film-path-grid span,
.film-service-needs span,
.film-pro-data span {
  min-width: 0;
  padding: 15px;
  border: 1px solid rgba(151,192,185,.38);
  border-radius: 11px;
  background: rgba(5,25,26,.82);
  backdrop-filter: blur(7px);
  color: #e7efed;
  font-size: 11px;
}

.film-path-grid b { display:block; margin-bottom:7px; color:#d8ff57; font-size:9px; letter-spacing:.1em; }
.film-service-needs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; max-width:620px; }
.film-service-needs span::before { content:"✓"; margin-right:8px; color:#d8ff57; }
.film-pro-data { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; max-width:590px; }

.film-loop-ring { width:min(330px,75%); }
.film-loop-ring b { inset:33%; font-size:26px; line-height:.8; }
.film-loop-ring b small { display:block; margin-top:8px; font-size:8px; letter-spacing:.16em; }
.film-loop-ring > span:nth-of-type(1){left:35%;top:-5%}
.film-loop-ring > span:nth-of-type(2){right:-10%;top:19%}
.film-loop-ring > span:nth-of-type(3){right:-13%;bottom:22%}
.film-loop-ring > span:nth-of-type(4){left:34%;bottom:-5%}
.film-loop-ring > span:nth-of-type(5){left:-12%;bottom:22%}
.film-loop-ring > span:nth-of-type(6){left:-9%;top:19%}

@keyframes film-orbit-breathe {
  0%,100% { transform:scale(.985); box-shadow:0 0 0 rgba(216,255,87,0); }
  50% { transform:scale(1.015); box-shadow:0 0 50px rgba(216,255,87,.12); }
}

@media (min-width: 761px) {
  .film-player-premium .film-system > h3,
  .film-player-premium .film-system > p { max-width: 48%; }
  .film-system .film-core-orbit { position:absolute; right:5%; top:22%; width:260px; margin:0; }
  .film-player-premium .film-hunt > h3 { max-width: 56%; }
  .film-player-premium .film-hunt > p { max-width: 48%; }
  .film-loop-ring { width:min(315px,72%); }
}

@keyframes film-scene-camera {
  from { transform: scale(1.035) translate3d(-1.2%, 0, 0); }
  to { transform: scale(1.12) translate3d(1.4%, -1%, 0); }
}

@keyframes film-scene-camera-reverse {
  from { transform: scale(1.04) translate3d(1.2%, 0, 0); }
  to { transform: scale(1.12) translate3d(-1.4%, -1%, 0); }
}

@keyframes film-content-arrive {
  from { opacity: 0; transform: translate3d(0, 13px, 0); }
  to { opacity: 1; transform: none; }
}

@media (max-width: 650px) {
  .film-player-premium .film-scene::after {
    background: linear-gradient(180deg, rgba(3, 17, 18, .9), rgba(3, 17, 18, .68));
  }
  .film-path-grid { grid-template-columns:1fr; gap:6px; }
  .film-path-grid span { padding:10px 12px; }
  .film-service-needs { grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
  .film-service-needs span,.film-pro-data span { padding:9px 10px; }
  .film-core-orbit { width:min(275px,86%); }
  .film-loop-ring { width:min(245px,76%); }
  .film-loop-ring > span { padding:5px 7px; font-size:7px; }
  .film-player-premium .film-loop > h3 { margin-bottom:4px; }
  .film-player-premium .film-loop > p { margin-top:8px; }
}

@media (prefers-reduced-motion: reduce) {
  .film-player-premium .film-scene.active::before,
  .film-player-premium .film-scene.active > *,
  .film-core-orbit,.film-loop-ring { animation: none; }
}