/* Gemeinsame Stile für den gesamten Inhalt */
body {
    margin: 0;
    padding: 0;
    background-color: #f0f0f0; /* hellgrauer Hintergrund */
    font-family: Arial, sans-serif; /* Standard-Schriftart */
}

/* Zentrierung des Hauptinhalts nur auf der Startseite */
.container {
    height: 100vh; /* Vollständige Höhe des Viewports */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Stile für den mittigen Inhalt */
.content {
    max-width: 600px; /* Maximale Breite des Inhalts */
    padding: 20px;
    background-color: white;
    border-radius: 5px;
}

/* Stile für Absätze und Überschriften */
p, h1, h2, h3, h4 {
    max-width: 1000px; /* Maximale Breite für Laptops und Computer */
    margin-left: auto; /* Links ausrichten */
    margin-right: auto; /* Rechts ausrichten */
}

/* Stile für Links */
a {
    color: #666; /* Standardfarbe für Links */
    text-decoration: none; /* Keine Standard-Unterstreichung */
    transition: color 0.3s; /* Sanfter Farbübergang beim Hover */
}

a:hover {
    color: #333; /* Farbänderung beim Hover */
}

/* Stile für ungeordnete Listen */
ul {
    list-style: none; /* Keine Standard-Aufzählungspunkte */
    padding: 0; /* Kein zusätzlicher Abstand */
    max-width: 1000px; /* Maximale Breite für Laptops und Computer */
    margin-left: auto; /* Links ausrichten */
    margin-right: auto; /* Rechts ausrichten */
}

/* Stile für Listenelemente */
li {
    margin-bottom: 10px; /* Abstand zwischen Listenelementen */
    padding-left: 20px; /* Einzug für Aufzählungszeichen */
    position: relative; /* Position für benutzerdefinierte Aufzählungszeichen */
}

/* Benutzerdefinierte Aufzählungszeichen */
li::before {
    content: "\25AA"; /* Unicode-Code für ein kleines Quadrat */
    color: #666; /* Farbe für das Quadrat */
    position: absolute;
    left: 0;
    top: 6px;
}

/* Stile für small */
small {
    font-size: 12px;
    color: #666; /* Dunkelgrauer Text */
}

/* Stile für Mobilgeräte */
@media only screen and (max-width: 1020px) {
    p, h1, h2, h3, h4 {
        max-width: calc(100% - 20px); /* Maximale Breite ohne Rand */
        margin-left: 10px; /* Linker Rand */
        margin-right: 10px; /* Rechter Rand */
    }
}