html {
    /* Pfad zu deinem Bild */
    background-image: url('images/schulhaus-03.png');

    /* Bild wird zentriert */
    background-position: center center;

    /* Bild kachelt/wiederholt sich nicht */
    background-repeat: no-repeat;

    /* Bild bleibt beim Scrollen fest im Hintergrund stehen (optional) */
    background-attachment: fixed;

    /* Skaliert das Bild so, dass der gesamte Bildschirm ausgefüllt ist */
    background-size: cover;

    /* Verhindert unschöne weiße Ränder */
    min-height: 100vh;
}


@font-face {
    font-family: 'RobotoCondensed-Regular';
    src: url('../fonts/robotocondensed/RobotoCondensed-Regular.ttf') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body { font-family: RobotoCondensed-Regular, sans-serif; text-align: center; padding: 50px;  color: #333; }

.container { max-width: 600px; margin: 0 auto; background: white; padding: 36px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); }

h1 { color: #e67e22; }