/* OE Germany: einheitliche, beschriftungsfreie 360-Grad-Grossansicht */
html,
body.oe-clean-viewer {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  background: #000;
}

.oe-clean-viewer .stage,
.oe-clean-viewer .viewer-shell,
.oe-clean-viewer .viewer-wrap {
  background: radial-gradient(circle at 58% 48%, #102130 0%, #050c13 46%, #000 100%) !important;
}

.oe-clean-viewer .bg {
  background: radial-gradient(circle at 58% 48%, rgba(22, 53, 76, .68) 0%, rgba(5, 13, 21, .96) 46%, #000 100%) !important;
  opacity: 1 !important;
}

.oe-viewer-logo {
  position: absolute;
  z-index: 6;
  left: 50%;
  top: 2.6vh;
  width: min(86.4vw, 984px);
  height: auto;
  transform: translateX(-50%);
  pointer-events: none;
  filter: drop-shadow(0 0 16px rgba(13, 156, 205, .18));
}

.oe-viewer-slogan {
  position: absolute;
  z-index: 9;
  left: 50%;
  bottom: 4.2vh;
  width: 75%;
  transform: translateX(-50%);
  color: #eef8ff;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: .08em;
  text-align: center;
  text-shadow: 0 3px 12px #000, 0 0 22px rgba(63, 171, 239, .28);
  white-space: nowrap;
  pointer-events: none;
}

.oe-viewer-slogan strong {
  display: block;
  font-size: clamp(30px, 3.66vw, 70px);
  line-height: 1.05;
}

.oe-viewer-slogan span {
  display: block;
  margin-top: 9px;
  color: #8eb9d7;
  font-size: clamp(14px, 1.28vw, 24px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: .07em;
}

/* In der Grossansicht bleiben nur Logo, Produkt und Qualitaetssatz sichtbar. */
.oe-clean-viewer .side,
.oe-clean-viewer .langbar,
.oe-clean-viewer .controls,
.oe-clean-viewer .hotspot,
.oe-clean-viewer .top-mask,
.oe-clean-viewer .bottom-mask,
.oe-clean-viewer .title,
.oe-clean-viewer .rule,
.oe-clean-viewer .status,
.oe-clean-viewer .topbar,
.oe-clean-viewer .hud,
.oe-clean-viewer #oeProductLink {
  display: none !important;
}

/* Nur beim Turbolader bleiben die sechs interaktiven Informationspunkte
   sichtbar. Alle anderen 360-Grad-Viewer bleiben weiterhin beschriftungsfrei. */
.oe-clean-viewer.oe-turbo-viewer .side {
  display: block !important;
  z-index: 8;
  pointer-events: auto;
}

.oe-clean-viewer .viewer,
.oe-clean-viewer .viewer-shell > .stage,
.oe-clean-viewer .viewer-wrap > #stage {
  z-index: 3;
}

/* Turbolader: bewusst etwas tiefer und nach rechts versetzt. */
.oe-turbo-viewer .viewer {
  left: 22% !important;
  top: 20% !important;
  width: 76% !important;
  height: 67% !important;
  cursor: ew-resize !important;
}

/* Motorblock etwas tiefer, ohne seine bisherige Größe wesentlich zu ändern. */
.oe-motorblock-viewer .viewer {
  top: 35% !important;
  height: 52% !important;
}

/* Der Satz soll auch auf kleineren Bildschirmen lesbar bleiben. */
@media (max-width: 800px) {
  .oe-viewer-logo {
    width: min(96vw, 984px);
    top: 2vh;
  }

  .oe-viewer-slogan {
    bottom: 3vh;
    width: 88%;
    white-space: normal;
  }

  .oe-viewer-slogan strong { font-size: clamp(22px, 5.76vw, 36px); }
  .oe-viewer-slogan span { font-size: clamp(12px, 3.4vw, 17px); }

  .oe-turbo-viewer .viewer {
    left: 16% !important;
    top: 22% !important;
    width: 82% !important;
    height: 65% !important;
  }
}