@import url('https://fonts.googleapis.com/css2?family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Henny+Penny&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Italianno&display=swap');
* html,
body {
    height: 99%;
    background-color: black;
    font-family: "Henny Penny", serif;
}

#bgvid {
    position: fixed;
    /* Hält es fest im Viewport */
    top: 200px;
    left: 0;
    width: 100vw;
    /* 100% der Viewport-Breite */
    height: 50vh;
    /* 100% der Viewport-Höhe */
    object-fit: cover;
    /* Skaliert, füllt den Bereich ohne Verzerrung */
    z-index: 1;
    /* Stellt sicher, dass es hinter dem Inhalt liegt */
}


/* Schriften von hier bis... */

h1 {
    /* h1 nur für die Startseite */
    color: #ffffff;
    font-size: 60px;
    text-align: center;
    padding-top: 20px;
    font-family: "Italianno", cursive;
    font-weight: 700;
    font-style: normal;
}


/* ... bis hier Schriften */