@media (min-width: 920px){
  .klein{display:  none !important;
  }
    .gross_grid{display:grid; 
                grid-template-columns: 1fr 1fr 1fr	
   }
.header {
  display: table;
  width: 100%;
  height: 10em;
}
p {letter-spacing: -0.08em;
}

#menue{grid-template-columns: 1fr 2fr 1fr;
      }




div#content{display: grid;
	  max-height: 80vh;
	  width: 90vw;
	  grid-template-rows: 1fr auto 1fr;

   }

img.image{max-width: 600px;
          max-height: 100vh;
          
}
img.bild{width:15vw;
}
.aglaia{font-size: 3.5vw; 
        letter-spacing: 0.01em;
		height: 40%;
		width: 10vw;
		padding:0px;
}
div.titel{font-weight:800;
          font-size: 1.5vw; 
		  letter-spacing: -0.0em;  
		  text-align:center;
}

div.spalte{height: 60%;
           width: 15vw;
           display:grid;
		   grid-template-rows:  8vh auto auto;
		   gap: 3vw;
		   }

}
 /***Ende Groß***/ 

/**Beginn klein**/
@media (max-width: 921px){
  .klein{display:  block;
  }
#menue{grid-template-rows: 1fr 1fr 1fr;
       letter-spacing: -0.0em;  
      }
.gross_grid{display:none !important;    
  }
div.titel{font-weight:800;
          font-size: 3vh; 
		  letter-spacing: -0.0em;  
		  text-align:center;
}

.eng {letter-spacing: -0.1em;
       font-size: 1vh
	   display: none}
img.image{max-width: 95vw;
          max-with: 95vh
          
}		
img.bild{width: 100%;
        
}
div.spalte{height: 50%;
           width: 80vw;
           display:block;
		   margin:auto;
		   
 }

.aglaia{font-size: 7vw; 
        letter-spacing: 0.02em;
		height: 40%;
		width: 100%;
		padding:0px;
  }
} 
/**********Ende klein*************/

/***Alle***/
* { 
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}	  
body{width:100vw;
	 min-height: 100vh;    
     background-color: #e8e8e8; 	 
}	  
container{position: relative;
}

img {
display: block;
} 

* {
  box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

div.container{width:100%;
     height:100vh;
	 max-height: 100vh;
     display: grid;
	 justify-content:center;
	 background-color: #f1f1f1;	
	 }






div.image{width:100%;
    }

.pointer{cursor:pointer;
}


div.change{width: 92%; display:  grid;
           grid-template-columns:  1fr 1fr;
}

.text{margin: 4vh auto;
      width: 600px;
	  max-width: 95%;
      font-size: 2.5vh;
	  background-color: white;
	  padding:  5vh 5vw ;
	  }

footer{width: 100vw; 
	   text-align: center; 
	   font-size:12pt;
	   height:  2em;
	   background-color: transparent;
	   bottom: 0px;
}

.left{justify-self: start;
}
.right{justify-self:  end;
}
.red{background-color:red !important}
}.green{background-color:green !important}
}