.hintergrund {
	background-color: AntiqueWhite;
}  

.titleb{
  padding-top:20px;
}

header {
  background-color:Peru;
}

nav {
  background-color:Peru;
}

nav a {
	color:SaddleBrown;
}

nav a:hover {
	background-color: Sienna;
	color: AntiqueWhite;
}

.absatz {
	text-align: justify;
	color: black;
	border: 0px;
	padding: 10px 10px 10px 10px;
  margin: 40px 40px 40px 40px;
  background-color: beige;
  font-size: 12pt;
}

.img_div{
  display: flex;
  text-align: center;
}

.img_b{
  width: 70%;
  max-width: 600px;
}

.dreiklang{
  display: flex;
}

.fotoplus2{
  text-align: center;
  flex: 50%;
}

.fotoplus{
  text-align: center;
  flex: 33.33%;
  margin: 10px;
}
.fotoplus4{
  text-align: center;
  flex: 25%;
}

.galerie{
  border-style: solid;
  border-width: 4px;
  border-color: beige;
	opacity: 1;
  height: 200px ;
}

.subtitle{
  font-size: 10pt;
  font-weight: bold;
}

.subtitle_sepia{
  color: Peru;
  font-size: 10pt;
  font-weight: bold;
}

footer {
  background-color: Peru;
}

footer a{
  color: SaddleBrown;
}

footer a:hover {
	color: AntiqueWhite;
  background-color: SaddleBrown;
}

/******************* Responsive Anpassungen *********************/

@media(max-width: 800px) {
  .dreiklang{
    flex-direction: column;
    
  }
  .galerie{
    width: 300px;
    height: auto;
  }

  nav ul {
  flex-direction: column;
  align-items: center;
  }

  nav ul li {
    margin: 0.2rem;
  }
  
  footer {
  font-size: 14pt;
  flex-direction: column;
  gap: 5px;
  }
  .img_liame    { width: 50vw; }
  .img_windrose { display: none; }
}