* {
    box-sizing: border-box;
        margin: 0;
    padding: 0;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

.center {
    height: 100vh;              /* volle Bildschirmhöhe */
    display: flex;
    align-items: center;         /* vertikal zentriert */
    justify-content: center;     /* horizontal zentriert */
}

.hero-img {
    max-width: min(1900px, 100%); /* max 600px, sonst responsive */
    max-height: 90vh;            /* passt in die Höhe */
    height: auto;
    width: auto;
    display: block;
    margin: 0;
    padding: 0;
}