:root{
  --cream:#f7f1e7;
  --navy:#0f2a44;
  --gold:#c8a463;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--cream)}
body{
  min-height:100svh;
  display:flex;
  justify-content:center;
  font-family:Montserrat,Arial,Helvetica,sans-serif;
}
.landing{
  position:relative;
  width:min(100%,1536px);
  min-height:100svh;
  background:var(--cream);
}
.hero-image{
  display:block;
  width:100%;
  height:auto;
}
.link-layer{
  position:absolute;
  inset:0;
}
.hotspot{
  position:absolute;
  display:block;
  border-radius:.4rem;
}
.hotspot:focus-visible{
  outline:3px solid var(--gold);
  outline-offset:3px;
  background:rgba(255,255,255,.16);
}
.email{left:29.2%;top:91%;width:17%;height:4.2%}
.imprint{left:47%;top:91%;width:10%;height:4.2%}
.privacy{left:58.4%;top:91%;width:12.5%;height:4.2%}
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
@media (max-width:700px){
  .landing{min-height:auto}
}
@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important}
}