* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  word-wrap: break-word;
}
/* ermöglicht glatte animierte Übergang zwischen Elementen innerhalb des Bildlauffelds*/
html {
  scroll-behavior: smooth;
}
.navbar {
  display: flex;
  justify-content: center; /* Packe Flexelemente um die Mitte */
  align-items: center; /* Elemente um die Kreuzungsachse zentrieren */
  background-color: rgba(128, 128, 128, 0.9);
  position: sticky;
  top: 0;
}
.navbar ul {
  display: flex;
  list-style: none;
  margin: 20px 0px;
}
.navbar ul li {
  font-family: century;
  font-size: 1.1rem;
  font-weight: bold;
}
.navbar ul li a {
  text-decoration: none;
  color: #f5f5f5;
  padding: 8px 25px;
  transition: all 0.5s ease; /*transition ermöglicht die Werte über eine bestimmte Dauer reibungslos zu ändern*/
}
.navbar ul li a:hover {
  /* :hover verändert den Style, wenn man mit der Maus drüber fährt */
  background-color: #f5f5f5;
  color: black;
  /*Macht den Schatten um den Knopf */
  box-shadow: 0 0 10px #f5f5f5;
}
#impressum {
  display: flex;
  flex-direction: column;
  background-color: rgba(220, 220, 220, 0.6);

  justify-content: center;
  align-items: center;
  color: #1f1f1f;
  padding: 20px 15% 20% 15%;
  font-family: century;
  font-size: 1.5rem;
}
.headings {
  font-family: century;
  font-size: 3rem;
  text-align: center;
  margin: 40px 0px;
}