/* Grundlegendes Styling für den gesamten Körper der Seite */
body {
    font-family: 'Playfair Display', serif;
    margin: 0;
    padding: 0;
    background: linear-gradient(to right, #d4f1d4, #e5ffe5); /* Sehr helles Grün mit Übergang */
    color: black;  /* Schriftfarbe schwarz */
}

/* Header Styling */
header {
    text-align: center;
    padding: 40px;
    background-color: white; /* Header ist jetzt weiß */
    margin-bottom: 30px;
}

/* Navigationsleisten-Styling */
nav {
    display: flex;
    justify-content: center;
    gap: 30px;
    background-color: #66bb6a; /* Hellgrün */
    padding: 20px 0;
}

nav a {
    color: white;
    text-decoration: none;
    font-size: 28px;
}

nav a:hover {
    text-decoration: underline;
}

/* Styling für das Hauptinhalt */
main {
    padding: 30px;
    max-width: 1300px;
    margin: 0 auto;
}

/* Zentrieren der Bilder */
.bild-container, .hobby, .projekt {
    text-align: center; /* Bilder und Text zentrieren */
    margin-bottom: 40px;
}

/* Bild von Mathias in runder Form */
.rundes-bild {
    width: 400px;
    height: 400px;
    border-radius: 50%;
    object-fit: cover;
    margin: 30px auto;
}

/* Bilder spezifisch für die Hobby- und Projekt-Seiten */
.hobby img, .projekt img, .zentriertes-bild, .projekt-bild {
    width: 300px;  /* Breite auf 300px setzen */
    height: auto;  /* Höhe proportional anpassen */
    border-radius: 15px;  /* Leicht abgerundete Ecken */
    margin: 15px;  /* Abstand zwischen den Bildern */
}

/* Footer Styling */
footer {
    background-color: #66bb6a; /* Hellgrün */
    color: white;
    text-align: center;
    padding: 20px;
    position: fixed;
    width: 100%;
    bottom: 0;
}

/* Zentrierte Überschrift für Projekte */
h2.zentriert {
    text-align: center;
}

/* Willkommen-Text mittig ausrichten */
.welcome-text {
    text-align: center;
    font-size: 28px;
}

/* Zentrierter Text */
.zentriert {
    text-align: center;
}

/* Entfernt Bullet-Points */
ul {
    list-style-type: none;
    padding: 0;
}

/* Zentrierte Text-Container für Interessen */
.interessen-list {
    text-align: center;
}

/* Für die Liste der Interessen */
.interessen-list p {
    margin: 20px 0;
    font-size: 20px;  /* Schriftgröße für Interessen */
}

/* Für die Überschrift auf der Informatik-Seite */
h1 {
    font-size: 36px;  /* Schriftgröße der Überschrift */
    text-align: center;  /* Zentriert die Überschrift */
}

/* Für den Text in der Informatik-Seite */
.interessen-list p {
    font-size: 20px;  /* Schriftgröße für den Text */
    text-align: center;  /* Zentriert den Text */
    margin: 20px 0;  /* Fügt Abstände hinzu */
}

/* Für das Text-Element auf der Startseite (Willkommen) */
.welcome-text {
    font-size: 28px;
    text-align: center;
}

/* Für das Text-Element auf der Seite Projekte */
h2.zentriert {
    text-align: center;
}

/* Für die Überschrift auf der Hobbys-Seite */
h1 {
    font-size: 36px;
    text-align: center;
}

/* Für die Hobbys-Seite Bilder */
.hobby img {
    width: 300px;
    height: auto;
    border-radius: 15px;
    margin: 15px;
}