body {
  background-image:url("hintergrund4.png");
  background-size: cover;
  margin: 0px;
}
#header-line {
    width: 100%;
    height: 10em;
    magin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: white;
    border-bottom: solid black thin;
}
h1, h1 a {
  font-size: 48pt;
  color: black;
  text-shadow: 1px 2px white;
  text-decoration: none;
}
#rainbow-image, #raincoon-image {
    width: 18%;
}
#rainbow-image {
    text-align: right;
}
#raincoon-image {
    text-align: left;
}
#rainbow-image img, #raincoon-image img {
  height: 100%;
  background-color: white;
}
ul#cookies {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}
ul#cookies li {
  width: 30%;
  text-align: center;
}
ul#cookies li, ul#cookies li a, #cookiepage p {
  font-size: 16pt;
  color: black;
  text-shadow: 1px 2px white;
  font-weight: bold;
  text-decoration: none;
}
ul#cookies li::marker {
  content: ""
}
ul#cookies li img {
  width: 100%;
}
ul#cookies li.special, ul#cookies li.special a {
  color: white;
  text-shadow: 1px 2px black;
  font-size: 24pt;
  background-color: purple;
}
#cookiepage-image img {
  width: 38%;
  float: left;
  padding-right: 2em;
}

#cookiepage h1 {
  margin-top: 0px;
}
#cookiepage p {

}