.navigation { 
  display: flex; 
  background-color: #8CA093;
  text-align: center;
} 


.navigation li { 
  list-style-type: none;
} 


.navigation a { 
  padding: 15px; 
  display: inline-block; 
  color: #F6E5E8; 
  text-decoration: none;
} 

 
.navigation a:hover, #akt_tab { 
  background-color: #BA7E82 

}

.logo {
  height: 30px;
  display: flex;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: right;
 }


 .logo img {
  height: 100%;
  width: auto;
  display: block;
  
 }

@font-face {

  font-display: swap;
  font-family: 'Belleza';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/belleza-v17-latin-regular.woff2');
}
 
h1 {
  font-family: 'Belleza';
  color: #BA7E82;
  font-size: 5em;
  text-align: center;
}



body {
  background-color: #F6E5E8;
}

.projekte {

  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  padding: 20px
}

.projekte img {

  width: 300px;
  height: 300px;
  border-radius: 8px;
  border: 2px 
}

.umbruch {
  flex-basis: 100%;
  height: 0;
}

.illustration:hover {
  box-shadow: 0 0 15px 5px #BA7E82;
}

 
.footer {
  background-color: #8CA093;
  color: #F6E5E8;
  padding: 10px;
  text-align: center;
  font-family: 'Chilanka';
  font-style: italic;
  font-size: 0.8em;
 }