body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
  background: white;
}

header {
  background: #0074D9;
  color: white;
  padding: 1rem;
  text-align: left;
  padding-left: 6rem;
}

#content-box {
  background: white;
  margin: 2rem auto;
  padding: 1rem;
  width: 80%;
  max-width: 800px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}


nav {
            background-color: #78ceff;
        }
        nav ul {
            list-style: none;      /* Keine Aufzählungspunkte */
            margin: 0;
            padding: 0;
            display: flex;         /* Menüeinträge nebeneinander */
	    margin-left: 6rem;
        }
	nav ul li:nth-child(4) {
    		margin-left: 400px;
	}
        nav li {
            margin: 5pt;
        }
        nav a {
            display: block;
            padding: 14px 20px;
            color: #000080;
            text-decoration: none;
 	    font-size: 18px;      /* Schriftgröße anpassen */
    	    font-weight: bold;
        }
        nav a:hover {
            background-color: #0074D9;
	    color: white
        }

.highlight {
    border: 1px solid yellow;
    padding: 12px 18px;
    border-radius: 0px;
}

.infobox {
    background-color: #e5f6ff;
    padding: 20px;
    border-radius: 8px;
    margin-left: 4rem;
    padding-left: 2rem;
    text-align: justify;
    max-width: 1000px; /* maximal 800px, kleiner auf schmalen Geräten */
    width: 100%;      /* nimmt bei kleinen Bildschirmen die volle Breite */
}