body {
    margin: 0;
    padding: 0;

    background-color: #000;

    background-image:
        linear-gradient(
            rgba(255, 255, 255, 0.55),
            rgba(255, 255, 255, 0.55)
        ),
        url('/assets/images/background.png');

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    width: 100vw;
    height: 100vh;

    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

/* Tablet und Smartphone */
@media (max-width: 768px) {
    body {
        background-repeat: repeat-y;
        background-size: 100% auto;
        background-position: center top;
    }
}

/*
body {
    margin: 0;
    padding: 0;
    background: url(/assets/images / background.png)no - repeat center center fixed;
    background - size: cover;
    height: 100vh;
    display: flex;
    justify - content: center;
    align - items: center;
    overflow: hidden;
    position: relative
}
body: before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100 % ;
    height: 100 % ;
    background: #fffc;
    z - index: -1
}
*/