/* Hemplith Hanfstein: drehbare 3D-Ansicht */
.h3d{--h3d-bg:#e8e8e5;--h3d-ink:#1a1a1a;--h3d-mute:#6b6b66;--h3d-accent:#f3fa30;
  position:relative;max-width:1280px;margin:0 auto;font-family:"Jaldi",system-ui,sans-serif;color:var(--h3d-ink)}
.h3d-stage{position:relative;aspect-ratio:16/10;background:var(--h3d-bg);overflow:hidden;
  cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline:none}
.h3d-stage:focus-visible{box-shadow:inset 0 0 0 2px var(--h3d-ink)}
.h3d-stage.is-dragging{cursor:grabbing}
.h3d-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.h3d-load{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--h3d-ink);transition:width .2s,opacity .6s}
.h3d-load.is-done{opacity:0}
.h3d-hint{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);font:600 13px/1 "Asap",system-ui,sans-serif;
  letter-spacing:.04em;text-transform:uppercase;color:var(--h3d-mute);pointer-events:none;transition:opacity .6s;white-space:nowrap}
.h3d-hint.is-gone{opacity:0}
.h3d-label{position:absolute;transform:translate(-50%,calc(-100% - 10px));pointer-events:none;
  font:600 14px/1 "Asap",system-ui,sans-serif;background:var(--h3d-ink);color:#fff;padding:7px 10px 6px;white-space:nowrap;
  opacity:0;transition:opacity .25s}
.h3d-label::after{content:"";position:absolute;left:50%;top:100%;width:1px;height:10px;background:var(--h3d-ink)}
.h3d-label--below{transform:translate(-50%,10px)}
.h3d-label--below::after{top:auto;bottom:100%}
.h3d-label small{font:400 13px/1 "Jaldi",system-ui,sans-serif;opacity:.75;margin-left:6px}
.h3d-bar{display:flex;align-items:center;gap:18px;padding:16px 0 0}
.h3d-btn{font:600 15px/1 "Asap",system-ui,sans-serif;background:var(--h3d-accent);color:var(--h3d-ink);border:0;border-radius:0;
  padding:13px 18px;cursor:pointer;min-width:150px;text-align:center}
.h3d-btn:hover{background:var(--h3d-ink);color:var(--h3d-accent)}
.h3d-btn:focus-visible{outline:2px solid var(--h3d-ink);outline-offset:2px}
.h3d-range{flex:1;display:flex;align-items:center;gap:12px;font:600 13px/1 "Asap",system-ui,sans-serif;color:var(--h3d-mute);
  text-transform:uppercase;letter-spacing:.04em}
.h3d-range input{flex:1;-webkit-appearance:none;appearance:none;height:2px;background:var(--h3d-ink);margin:0;cursor:pointer}
.h3d-range input::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;background:var(--h3d-accent);border:2px solid var(--h3d-ink);border-radius:0}
.h3d-range input::-moz-range-thumb{width:18px;height:18px;background:var(--h3d-accent);border:2px solid var(--h3d-ink);border-radius:0}
.h3d-range input:focus-visible{outline:2px solid var(--h3d-ink);outline-offset:6px}
@media (max-width:640px){
  .h3d-bar{flex-direction:column;align-items:stretch;gap:14px}
  .h3d-btn{width:100%}
  .h3d-label{font-size:11px;padding:4px 6px 3px}
  .h3d-label small{display:none}
  .h3d-hint{font-size:11px;bottom:12px}
}