/* Vorlage 13.11.: Text links, Haus dahinter, Display hinten, Makler davor.
   Die rechte Bühne reicht bis exakt zur unteren Kante der blauen Fläche. */
.immo-home .hero{background:#06285f;color:white;padding:0 24px;overflow:hidden}
.immo-home .hero-inner{max-width:1200px;display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:stretch}
.immo-home .hero-copy{padding:28px 0 24px;background:transparent;border:0;box-shadow:none;align-self:center}
.immo-home .hero h1{font-size:clamp(37px,4.7vw,65px);line-height:1.12;letter-spacing:-.03em;margin:17px 0 25px}
.immo-home .hero p{color:#e5ebe6;font-size:clamp(16px,1.6vw,19px)}
.immo-home .scene-visual{position:relative;min-width:0;padding:0;background:transparent;border:0;box-shadow:none;border-radius:0;align-self:stretch}
.immo-scene{position:absolute;inset:0;isolation:isolate;width:100%;height:100%;aspect-ratio:auto;overflow:hidden}
.scene-house{position:absolute;inset:0;z-index:0;opacity:.48;filter:blur(1px);background:url('immo-haus-garten-20261113.webp') center top/cover no-repeat;mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 90%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 90%,transparent 100%)}
.scene-house:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#06285f 0%,transparent 24%,transparent 86%,#06285f 100%)}
/* Die verlängerten Standbeine laufen wie in der gelieferten Vorlage in den Rand. */
.scene-display{position:absolute;z-index:1;left:auto;right:3%;top:auto;bottom:-6.3%;height:77%;width:auto;aspect-ratio:1003/1975;filter:drop-shadow(3px 8px 6px #0005)}
.scene-display>img{display:block;width:100%;height:100%}
.scene-display video{position:absolute;left:4.1%;top:2.13%;width:90.6%;height:81.4%;object-fit:fill;background:#111}
.scene-agent{position:absolute;z-index:2;left:-2.8%;bottom:0;width:84%;height:94%;object-fit:contain;object-position:left bottom;pointer-events:none;filter:drop-shadow(3px 5px 5px #0003)}
@media(max-width:1000px) and (min-width:821px){.immo-home .hero h1{font-size:44px}.immo-home .hero .button{font-size:15px}.immo-home .hero-inner{gap:22px}}
@media(max-width:820px){.immo-home .hero{padding:0 20px}.immo-home .hero-inner{grid-template-columns:minmax(0,1fr);gap:0}.immo-home .hero-copy{padding:26px 0 20px}.immo-home .hero h1{font-size:clamp(34px,7.5vw,58px)}.immo-home .scene-visual{width:100%;max-width:540px;aspect-ratio:1.15/1;margin:0 auto;align-self:end}.immo-home .hero p{font-size:18px}.immo-home .hero .row{flex-wrap:wrap}.immo-home .hero .button{max-width:100%}}