@charset "UTF-8";
/* Den gesamten Body auf 100% der Höhe und Breite setzen */
body, html {
    height: 100%;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f0f0f0; /* optional, Hintergrundfarbe der Seite */
    font-family: Verdana, sans-serif; /* Standardschriftart */
    color: #339933; /* Helle grüne Schriftfarbe */
}

/* Container zentrieren */
.container {
    width: 100%;
    max-width: 1200px; /* optional, um das Bild bei großen Bildschirmen nicht zu groß zu machen */
    text-align: center;
    position: relative; /* für die Positionierung der Pfeile */
}

/* Bild immer auf 100% der Breite setzen */
img {
    width: 100%;
    height: auto; /* Stellt sicher, dass das Bild sein Seitenverhältnis beibehält */
}