/* User-approved IMG_4622. No re-layout or replacement of its artwork/copy. */
#salesTeaser{display:none}
html.sales-teaser #salesTeaser{display:block}
html.sales-teaser #stage{display:none}
html.sales-teaser #zugangStatus{display:none!important}
.teaser-scene{position:relative;width:100%;max-width:2000px;margin:0 auto;aspect-ratio:2000/1343;container-type:inline-size}
.teaser-art{width:100%;height:auto;user-select:none}
.teaser-hotspot{position:absolute;z-index:2;display:block;background:transparent;border:0;border-radius:16px;padding:0;cursor:pointer;touch-action:manipulation}
.teaser-hotspot:focus-visible{outline:3px solid #ffe2a3;outline-offset:3px;box-shadow:0 0 0 6px #12213a}
.teaser-hotspot:hover{box-shadow:inset 0 0 0 2px rgba(255,226,163,.65)}
.teaser-play{left:68.5%;top:51.1%;width:17.8%;height:17.4%;border-radius:7%}
.teaser-cta{left:68.7%;top:80.65%;width:17.65%;height:5%;border-radius:999px}
.teaser-next{left:89.35%;top:61.6%;width:10%;height:5.3%;border-radius:999px}
.teaser-door{top:56.9%;width:5.4%;height:14%}
.teaser-door[data-door="1"]{left:34%}
.teaser-door[data-door="2"]{left:43.5%}
.teaser-door[data-door="3"]{left:53%}
.teaser-language{top:5%;height:4.5%;width:3.5%;border-radius:999px}
.teaser-language[data-language="de"]{left:1.75%}
.teaser-language[data-language="en"]{left:5.45%}
.teaser-language[data-language="es"]{left:9.2%}
.teaser-language[data-language="it"]{left:12.8%}
.teaser-clock{position:absolute;left:37.16%;top:26.75%;width:26.08%;height:11.85%;z-index:1;border-radius:1.6cqw;background:linear-gradient(115deg,#141417,#161b27 70%,#292529);border:1px solid #6b6255;color:#f8f4e9;text-align:center;display:flex;flex-direction:column;justify-content:center;padding:.6cqw 1.1cqw;font-family:Nunito,system-ui,sans-serif}
.teaser-clock-title{font-size:1.18cqw;font-weight:800;line-height:1.2;color:#e4d6a0;letter-spacing:.04em}
.teaser-clock-values{display:grid;grid-template-columns:repeat(4,1fr);margin-top:.35cqw;line-height:1}
.teaser-clock-values[hidden]{display:none}
.teaser-unit{position:relative}
.teaser-unit:not(:last-child)::after{content:":";position:absolute;right:-.3cqw;top:.4cqw;font:2.4cqw/1 Georgia,serif;color:#e4d6a0}
.teaser-unit b{font:700 3.25cqw/1.12 Georgia,serif;font-variant-numeric:tabular-nums}
.teaser-unit span{display:block;font-size:1.08cqw;line-height:1.4;color:#d9d6d1}
.teaser-clock-date{font-size:.72cqw;line-height:1.3;color:#e0d3b4;margin-top:.2cqw;white-space:nowrap}
.teaser-clock-open{font:700 2.5cqw/1.3 Georgia,serif}
#teaserReturn{display:none}
.sample-opening{position:fixed;inset:0;z-index:95;overflow:hidden;background:#0c1630}
.sample-opening-scene{position:absolute;max-width:none;margin:0;transform-origin:0 0}
.sample-tree-portal{position:absolute;perspective:850px;border-radius:50% 50% 2% 2% / 25% 25% 1% 1%}
.sample-door-beyond,.sample-door-leaf{position:absolute;inset:0;border-radius:inherit}
.sample-door-beyond{overflow:hidden;background:#ffdda0}
.sample-door-beyond img{height:100%;width:100%;object-fit:cover}
.sample-door-leaf{background-image:url(img/verkaufsteaser-freigegeben.png);background-repeat:no-repeat;transform-origin:left center;backface-visibility:hidden}
.sample-opening-back,.sample-opening-label{position:absolute;z-index:2;top:20px;border:1px solid #e2be7d;border-radius:999px;padding:12px 20px;background:#17213a;color:#ffe2a3}
.sample-opening-back{left:16px;min-height:44px}
.sample-opening-label{left:50%;transform:translateX(-50%);font-size:14px;pointer-events:none}
.sample-frame-guard{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;background:#0c1630}
.sample-frame-guard[hidden]{display:none}
.sample-frame-guard>img{width:100%;height:100%;object-fit:contain}
.sample-load{position:absolute;bottom:12%;left:50%;transform:translateX(-50%);text-align:center;width:min(90%,520px);background:rgba(12,22,48,.86);padding:16px;border-radius:12px}
.sample-load button{background:#ffe2a3;color:#201809;padding:12px 22px;border-radius:999px;margin-top:12px;min-height:44px;font-weight:800}
.sample-load button[hidden]{display:none}
.player.sample-loading .back,.player.sample-loading .player-tools{opacity:1;pointer-events:auto;z-index:5}
.player.sample-loading #video{opacity:0}
html.sales-calendar #teaserReturn{display:block;position:absolute;z-index:10;left:16px;top:100px;background:#17213a;color:#ffdfa0;border:1px solid #e2be7d;border-radius:999px;padding:10px 16px;font-size:14px;min-height:44px}
@media(max-width:600px){
  /* Keep the entire chosen image. Browser pinch zoom remains available. */
  .teaser-hotspot:focus-visible{outline-width:2px;outline-offset:1px}
  .teaser-play{min-height:44px}
  .teaser-cta{top:78.4%;height:9.5%}
}
/* 04.11.2026: Probe-Einstieg wie beim Kalender – das Verkaufsbild zoomt auf die angeklickte Tür, der Rest läuft über #magic. */
.teaser-scene{transition:transform 1.5s var(--ease-magic,cubic-bezier(.2,.7,.2,1));will-change:transform;transform-origin:50% 50%}
#salesTeaser{overflow:hidden} /* der gezoomte Baum darf die Seite nicht verbreitern (sonst zoomt Mobile-Safari heraus) */
html.sales-teaser:has(#magic.on) .teaser-scene{pointer-events:none}