/* Startseite */


.rahmen {
    background-color:#cfe7e9;
    min-width: 1000px;
    margin: 1rem auto;
    border: 5px solid;
    float: left;
    margin-left: 50px;
    margin-right: 50px;
   
}

.rahmen1 {
  background-color:#cfe7e9;
  max-width: 1000px;
  margin: 1rem auto;
  margin-left: 50px;
  margin-right: 50px;
  border: 5px solid;
  float: left;
  
 
}

.grid-container {
    display: grid;
    gap: 10px;
    background-color: #cfe7e9;
    padding: 20px;
    padding-top: 15px;
    column-gap: 50px;
    row-gap: 40px;
  }
  
  .grid-item {
    background-color: #77e7f1;
    text-align: center;
    padding: 20px;
    padding-top: 3px;
    /*font-size: 30px;*/
    border: 2px solid;
    border-color: blue;
    border-radius: 10px ;
       

  }

  .grid-item1 {
    background-color:#9ff1cb;
    text-align: left;
    padding: 20px;
    padding-top: 3px;
    /*font-size: 30px;*/
    border: 2px solid;
    border-color: blue;
    border-radius: 10px ;
       

  }

  .item1 {
    grid-column: 1;
    grid-row: 1;
  }
  
  .item2 {
    grid-column: 2;
    grid-row: 1 
  }

 /* .item3 {
    grid-column: 1 / span 2;
    grid-row: 2;
    background-color: #cfe7e9; 
  }*/

   .item3 {
    grid-column: 1 ;
    grid-row: 2;
    background-color: #cfe7e9;
    margin-left: 100px; 
   }

   .item4 {
    grid-column: 2;
    grid-row: 2;
    background-color: #cfe7e9; 
  }

  .item11 {
    grid-column: 1;
    grid-row: 1 /span 2;
  }

  .item22 {
    grid-column: 2;
    grid-row: 1 ;
  }

  h2, h3 {
     
    text-align: center;
  }

  table, th, td{
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    
 }

 .tscroll {
    overflow:scroll;
    max-height: 500px;
         
  }