*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#000}
body{min-height:100vh}
.maintenance{position:relative;width:min(100%,1214px);margin:0 auto;line-height:0}
.maintenance picture,.maintenance img{display:block;width:100%;height:auto}
.call-mobile{display:none}

/* Nur Hochformat-Handys bekommen die mobile Grafik */
@media (max-width:700px) and (orientation:portrait){
  .maintenance{width:100%}
  .maintenance img{width:100%;height:auto}
  .call-mobile{
    display:block;
    position:absolute;
    left:18%;
    top:60.3%;
    width:64%;
    height:8%;
    border-radius:999px;
    z-index:10
  }
}

/* Querformat: Desktop-Grafik verwenden */
@media (orientation:landscape){
  .maintenance{
    width:min(100vw,1214px);
  }
  .maintenance img{
    width:100%;
    height:auto;
  }
  .call-mobile{display:none}
}