.navigation { 
  display: flex; 
  background-color:black; 
} 
.navigation li { 
  list-style-type: none; 
} 
.navigation a { 
  padding:0.938em; 
  display: inline-block; 
  color: white; 
  text-decoration: none; 
} 
.navigation a:hover, #akt_tab { 
  background-color:rgb(102, 89, 63); 
  font-size: 1em ;
} 
.navigation a.active{
  background-color:rgb(102, 89, 63) ;
  color: white;
}








.item1{
    grid-row:1/2 ;
    grid-column: 1/3;
    background-color:#CDBEAF;
    height:58em;
    font-size: 1.5em;
    text-align:center;
    row-gap:20em; 
   font-size: 1.65em;
   margin-bottom: 1.5em;
   

 
 

}
.item2{
    grid-row:2/3 ;
    grid-column: 1/3;
    background-color:rgb(248, 235, 218);  
    height:19em;
    row-gap:20em;
    text-align: center;
    font-size: 1.65em;
}


.text{
  display: flex;
  flex-direction: column;
}

.bilder{
  display: flex;
  justify-content: center;
}










   
img{
   height: 9em;
   width: 13m;
   border-radius:0.938em ;
        margin-right: 0.9em;
        margin-left: 0.9em;
        margin-top: 1.875em;
        margin-bottom:1.875em;
}

.class1{
   width: 9em;
   height: 13em;
   border-radius:0.938em ;
        margin-right: 1.875em;
        margin-left: 1.875em;
        margin-top: 1.875em;
        margin-bottom:1.875em; 
}

.class2{
 height: 10em;
   width: 15em;
   border-radius:0.938em ;
        margin-right: 1.875em;
        margin-left: 1.875em;
        margin-top: 1.875em;
        margin-bottom:1.875em;
}

 img:hover {
      transform: scale(1.05);
      box-shadow: 0 10px 20px #605752;
      transition: transform 0.7s ease, box-shadow 0.7s ease;
    }
    img {
      transition: transform 0.7s ease, box-shadow 0.7s ease;
    }



       /* Handys */ 
@media only screen and (max-width: 759px)   {   
  img {
 width: 4.5em;
 height: 7em;
  
  } 
  }
  
  /* Tablets */ 
  @media only screen and (min-width: 760px) and (max-width: 979px) {   
  body { 
      font-size: 16px; 
    } 

  } 
  
/* Klassische Browserfensterbreite */ 
    @media only screen and (min-width: 980px) and (max-width: 1279px) { 
  body { 
      font-size: 18px; 
    } 
  } 
  
/* Große Bildschirme */ 
  @media only screen and (min-width: 1280px) { 
    body { 
      font-size: 20px; 
    } 
  }