body {
    background: #fff;
    /* Verhindert horizontales Scrollen, falls das Bild breiter wird */
    margin: 0;
    padding: 0;
}

* { margin: 0; padding: 0; outline: none; }

#wrapper {
    width: 690px;
    height: 569px;
    
    /* Positionierung am unteren Rand */
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%); /* Zentriert das Element horizontal */
    
    background: url(../img/maintenance.png) no-repeat bottom center;
    background-size: contain;
}

@media only screen and (max-width: 690px) {
    #wrapper {
        width: 100%;
        left: 0;
        transform: none;
        bottom: 0;
    }
}