* { margin:0; padding:0; box-sizing:border-box; }
html,body { width:100%; height:100%; background:#000; overflow:hidden; }
#stage { position:fixed; inset:0; background:#000; cursor:default; }
#img, #vid {
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:contain; background:#000;
  opacity:0; transition:opacity .25s ease; pointer-events:none;
}
#img.on, #vid.on { opacity:1; }

/* Startbildschirm */
#start {
  position:fixed; inset:0; z-index:10;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:34px; background:radial-gradient(120% 90% at 50% 40%, #fbf6ec 0%, #f0e7d6 60%, #e6dcc6 100%);
}
#start .startlogo { width:min(60vw, 760px); height:auto; filter:drop-shadow(0 6px 14px rgba(60,30,20,.25)); }
#startbtn {
  font-family: Georgia, "Times New Roman", serif; font-size:clamp(20px,3vw,34px);
  font-weight:700; color:#fff; background:#af1a20; border:none; border-radius:10px;
  padding:18px 46px; cursor:pointer; box-shadow:0 6px 16px rgba(120,20,20,.35);
  letter-spacing:.02em;
}
#startbtn:hover { background:#931015; }
#start .hint {
  font-family: Georgia, serif; font-style:italic; color:#5a5044;
  font-size:clamp(13px,1.5vw,18px); text-align:center; line-height:1.6;
}

/* dezenter Navigations-Hinweis, blendet aus */
.navhint {
  position:fixed; left:50%; bottom:28px; transform:translateX(-50%); z-index:5;
  font-family: Georgia, serif; font-size:15px; color:rgba(255,255,255,.55);
  background:rgba(0,0,0,.35); padding:7px 16px; border-radius:20px;
  opacity:0; transition:opacity .3s ease; pointer-events:none;
}
.navhint.show { opacity:1; }