body {
	width:100%;
	padding-top: 35px;
	margin: 0 auto;
	font-family: "tenon", sans-serif;
	font-weight: 400;
	font-style: normal;
}
main {
	width:80%;
	padding-top: 35px;
	display: grid;
	margin: auto;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	justify-content: center;
	grid-column-gap: 40px;
	grid-row-gap: 80px;
}




.navbar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: sticky;
	top: 0;
	background-color: transparent;
	padding: 10px 10px;
	color: white;
	z-index: 1000;
}

.logo img {
	margin-left: 35px;
	width: 60px;
}

.about img {
	margin-right: 35px;
	height: 18px;
}

.navbar a {
	color: black;
	padding: 0px 20px;
	text-decoration: none;
	display: inline-block;
}

.footer {
	margin-left: 80px;
	margin-top: 70px;
	margin-bottom: 50px;
	font-size: 12px;
}

.text-style {
	padding: 10px 20px;
  font-size: 26px;                  /* Schriftgröße */
  text-align: left;               /* Zentrierter Text */
  letter-spacing: 0px;              /* Buchstabenabstand */
	width: 800px;           /* Feste Breite */
 	max-width: 80%;        /* Passt sich an kleinere Bildschirme an */
	margin: 0 auto;              /* Zentriert das Element horizontal */

}

.versal-headline {
  text-transform: uppercase; /* Macht alle Buchstaben groß */
	font-size: 26px;                  /* Schriftgröße */
	font-style: bold;
}

.klein {
	padding: 10px 10px;
  font-size: 14px;                  /* Schriftgröße */
  text-align: left;               /* Zentrierter Text */
  letter-spacing: 0px;              /* Buchstabenabstand */
	width: 800px;           /* Feste Breite */
 	max-width: 72%;        /* Passt sich an kleinere Bildschirme an */
	margin: 0 auto;              /* Zentriert das Element horizontal */


}


.footnote {
  text-transform: uppercase; /* Macht alle Buchstaben groß */
	font-size: 14px;                  /* Schriftgröße */

}


.black-link {
  color: black;               /* Schwarze Schrift */
  text-decoration: underline; /* Dauerhafte Unterstreichung */
}

img {
	display: block;
	margin: auto;
}


.box img {
	width: 80%;
}

.bild-container {
  text-align: center;
	padding-top: 40px
}

.responsive-bild {
  max-width: 60%;
  height: auto;
}

video{
	display: block;
	margin: auto;
}