.container { 
    
    display: grid; 
    grid-template-rows: 5;   /* repeat(minmax(100px, 0.5fr))*/
    grid-template-columns:  3; /*75px minmax(300px, 0.5fr) 50px;*/
    grid-gap:50px;
    
  } 



.header1 { 
    background:transparent; 
    color: tomato;
    grid-column: 2;
    grid-row: 2;
    z-index: 10; 
    font-size: large;
    font-weight: 200;
  } 

.figure { 
    color: rgb(0, 0, 0);
    grid-column: 4;
    grid-row: 2;
    z-index: 10; 
    font-style: monospace;
    margin: 0;
  } 

  .figureW { 
    color: white;
    grid-column: 4;
    grid-row: 2;
    z-index: 10; 
    font-style: italic;
    margin: 0;
  }

.content22 { 
    color: black;
    background:transparent;
    grid-column: 2;
    grid-row: 4;
    z-index: 10; 
    text-align: justify; 
  } 

  * {
    margin: 0;
    padding: 0;
}
.imgbox {
    display: grid;
    /*height: 100%; */
    width: 70%;
    margin-left: 10%;
    grid-column: 1 / 5;
    grid-row: 1 / 5;
}
.center-fit {
    max-width: 100%;
    max-height: 70vh;
    /*max-height: 100vh;*/
    margin: auto;
    margin-top: 5%;
    margin-bottom: 5%;
}

.view1 {
  grid-column: 1;
  grid-row: 2;
  z-index: 10;
  margin-left: 5%;
}

.view2 {
  grid-column: 2;
  grid-row: 6;
}

.view3 {
  grid-column: 2;
  grid-row: 7;
}


  #ueberschrift  {
    color: tomato;
    font-family: monospace; 
    margin-top: 5%;
    margin-left: 4%;
}

  a {
    background:transparent; 
    color: tomato;
    grid-column: 2;
    grid-row: 2;
    z-index: 10; 
    font-size: large;
    font-weight: 200;
    text-decoration: underline;
    
}
a:hover {
  background-color: rgb(223, 223, 189);
}


#l {
    color: tomato;
    font-family: monospace;
    text-decoration: underline;
}

body {
    margin: 0;
    background-color: rgb(241, 241, 183);
    color: #fff;
    font-family: Helvetica, Arial, sans-serif;

    height:100%;
    
}