*{
    padding: 3px;
    margin: 15px;
}
body{
    background-color: #9284bc;
    font-family: "Earwig Factory", "Comic Sans MS", Arial, Helvetica, sans-serif;
    font-size: 23px;
}
ul{
    display: flex;
}
main{
    background-color: #a77272;
    /* Flex */
    display: flex; /* or inline-flex */
    flex-wrap: wrap;
    align-items: center;
    order: 5;
    gap: 20px;
    justify-content: space-evenly;
}
/* Mehrere Elemnte zugleich */
h1, h2, h3, h4 {
    color: #957070;
}
article{
    background-color: #e89c82;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-evenly;
    max-width: cal(50% - 20px);
    min-width: 300px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
article p {
    color: white
}
article a{
    color: blue;
}
header{
    background-color: #888;
}
footer{
    background-color: #bada55;
}
.artikelDesTages {
    background-color: white;
}
.artikelDesTages p {
    color: black;
}

/* ID */
#mainMenu {
    background-color: aqua;
}
#mainMenu ul {
    list-style-type: none;
}

  /* Wenn Bildschirm min 768px, dann... */
  @media (min-width: 768px) {
    body {
      font-size: 18px;
      background-color: aquamarine;
    }
    main {
        flex-direction: row;
        align-items: flex-start;
    }
  }