*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#fff}
body{
  font-family:Arial,Helvetica,sans-serif;
  overflow-x:hidden;
}

/* Version 4:
   Optik bleibt identisch, die komplette Startseite wird nur etwas kleiner
   und mittig dargestellt, damit rechts und unten nichts abgeschnitten wird. */
.startseite{
  position:relative;
  width:94vw;
  max-width:1440px;
  margin:0 auto;
}
.layout{
  display:block;
  width:100%;
  height:auto;
}
.hotspot{
  position:absolute;
  display:block;
  background:transparent;
  text-decoration:none;
  z-index:2;
}
.nav-start{left:31.7%;top:4.2%;width:7.4%;height:7%}
.nav-privat{left:40%;top:4.2%;width:9%;height:7%}
.nav-geschaeft{left:50%;top:4.2%;width:11.8%;height:7%}
.nav-ueber{left:62.8%;top:4.2%;width:8%;height:7%}
.nav-anfrage{left:72.5%;top:3.4%;width:17.5%;height:8%}
.hero-privat{left:26.4%;top:52.7%;width:19.3%;height:8.5%}
.hero-geschaeft{left:46.5%;top:52.7%;width:21.1%;height:8.5%}
.anker{position:absolute;left:0;bottom:0}

@media(max-width:900px){
  .startseite{width:92vw}
}