/* Stylesheet für die Übungswebsite aus ″Einstieg in HTML + CSS″ */ 

/* Abstand zwischen Logo und dem folgenden Absatz anpassen */ 
.site-header h1 { 
  margin-bottom: 0; 
}
.site-header h1 + p {
  margin-top: 0; 
}

/* Grundlegende Gestaltung für die Navigation */ 
.site-nav { 
  background-color: black;
  color: white; 
  margin-top: 1rem; 
  margin-bottom: 1rem;
}

.site-nav ul { 
  list-style-type: none; 
  display: flex; 
  padding: 0; 
  margin: 0; 
}

.site-nav a {
  color: white; 
  text-decoration: none; 
  display: block;
  padding: 0.5rem; 
} 

/* Sanftes Scrollen aktivieren */ 
html { 
  scroll-behavior: smooth; 
}

/* Grundlegende Gestaltung für den Footer */         
.site-footer {
  background-color: black;
  color: white; 
  text-align: right; 
  padding: 0.5rem; 
}
.site-footer a {
  color: white; 
  text-decoration: none; 
}

/* Grundlegende Gestaltung für den Abschnitt mit den Infoboxen */

.infoboxen {
  background-color: whitesmoke; 
  padding: 1rem; 
  margin-bottom: 1rem; 
}
.infobox {
  text-align: center; 
  background-color: white; 
  padding: 1rem;
  margin: 1rem; 
}