/* Allgemeine Stile für den gesamten Body */
body {
    /* Sanften, pastellfarbenen Hintergrund */
    background-color:  #F8F5F2;
   background-position: left top;
  background-attachment: fixed;
   background-size: cover;
    font-family: 'Arial', sans-serif; /* Schriftart für die gesamte Seite */
    color: #385144;
    padding: 0; /* Entfernt Standard-Padding */
}

/* Stile für Kopfzeile */
header {
       background-position: left top;
        background-attachment: scroll;
     background-size: auto;
    padding: 0; /* Innenabstand */
    text-align: center;
    margin: 10px;
}

/* Stile für den Hauptinhalt */
main {
    padding: 0; /* Innenabstand */

}
h1, h2, h3 {/* Stile für Überschriften */
    /* Dunklere Farbe für mehr Kontrast */
    color: #001a13; /* Dunkelviolett */
    margin: 1px 0; /* Margen nach oben und unten */
      text-align: left;
      padding: 1px;
      }
p {/* Stile für Absätze */
  line-height: 1.2; /* Zeilenhöhe für bessere Lesbarkeit */
  text-align: left;
      padding: 1px;
      }
a {/* Stile für Links */
    color: #a05285; /* Pastell-Rosa für Links */
}

footer {/* Stile für die Fußzeile */
    background-color: #385144;
         text-align: center; 
    color: #F8F5F2; /* Text zentriert */
    padding: 1px; /* Innenabstand */
}
/* stil von liste */
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #385144;
}

ul li {
  float: left;
  color: #F8F5F2;
  margin: 5px;
}

ul li a {
  display: block;
  color: #F8F5F2;
  text-align: center;
  padding: 14px 16px;

}

ul li a:hover {
  background-color: #385144;
}