body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    display: grid;
    place-items: center; /* Zentriert alles (horizontal + vertikal) */
    background-color: #f4f4f4;
    font-family:opensans;
}

.content {
    text-align: center; /* Text innerhalb des Containers zentrieren */
}

.h1 {
   font-family: playfair;
}

@font-face {
    font-family: 'opensans';
    src: url('/static/fonts/opensans-variablefont_wdthwght-webfont.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}


@font-face {
    font-family: 'playfair';
    src: url('/static/fonts/playfairdisplay-variablefont_wght-webfont.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'raleway';
    src: url('/static/fonts/raleway-variablefont_wght-webfont.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}