.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;
      }
      



      
      
      
      
      
      body{
            font-family: 'Times New Roman', Times, serif;
        }
        
    .grid-container{
 display: grid;
 grid-template-rows: 1fr 1fr 1fr;
  grid-template-columns: 1fr;
  }
    .item1{
        grid-row:1/2 ;
        grid-column: 1/3;
        background-color:#CDBEAF;
        height:45em;
        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:50em;
        row-gap:20em;
        text-align: center;
        font-size: 1.65em;
    }
    
    .item3{
        grid-row:3/4 ;
        grid-column: 1/3;
        background-color:#9e958c; 
        height:50em; 
        row-gap:20em;
        text-align: center;
        font-size: 1.65em;
    }

    .item4{
      grid-row:4/5 ;
      grid-column: 1/3;
      background-color:#d6bea5; 
      height:40em; 
      row-gap:20em;
      text-align: center;
      font-size: 1.65em;
  }


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

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







    img{
        height: 13.5em;
        width:10em;
        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 0.625em 1.25em #605752;
      transition: transform 0.7s ease, box-shadow 0.7s ease;
    }
    img {
      transition: transform 0.7s ease, box-shadow 0.7s ease;
    }




table{
  justify-content: center;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
margin: 2em;
margin-left:15.4em;
margin-right:15.4em;
}
th{
  background-color:#cab097;
}





    
    



   
    
    

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

      iframe{
        margin-top: 2em;
        margin-left: 2em;
        margin-right: 2em;
        margin-bottom: 0.3em;
      }






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

      font-size: 16px; 
    } 
    img{
      padding: 0.3;
    }
  } 
  
/* 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; 
    } 
  }