footer a {
    color: lightgray;
    text-decoration: underline;
}

nav a {
    text-decoration: none;
}

a {
    color:  #343a40;
    text-decoration: underline;
}


/* Das Hero Image */
.hero-image {
	/* Mit "linear-gradient" wird das Hintergrundbild (images/photographer.jpg) abgedunkelt, damit der Text leichter lesbar ist */
	background-image: linear-gradient(rgba(0, 0, 0, 0.5),
					rgba(0, 0, 0, 0.5)),
					url("../images/gruppenfoto.jpg");

	/* Höhe des Hero-Images festlegen */
	height: 25vh; /* 50vh macht das Hero-Image nur halb so hoch */

	/* Ausrichtung und Zentrierung des Bildes, damit es auf allen Bildschirmen gut aussieht */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	display: flex;
	justify-content: center;
}

/* Platziert einen Text in der Mitte des Bildes (optional) */
.hero-text {
	color: white;
	text-align: center;
	align-self: center;
}

.hero-text button {
	border: none;
	outline: 0;
	display: inline-block;
	padding: 10px 25px;
	color: black;
	background-color: #ddd;
	text-align: center;
	cursor: pointer;
}

.hero-text button:hover {
	background-color: #555;
	color: white;
}

.foto-wrap {
	display: flex; 
	flex-wrap: wrap;
}

.foto {
	min-width: 300px;
	display: block;
	padding:5px;
}