#groß{

    font-family: monospace;
    color:rgb(255, 255, 255);
    text-shadow:  
    3px  3px 0px rgb(214, 4, 4),
    3px -3px 0px rgb(214, 4, 4),
   -3px  3px 0px rgb(214, 4, 4),
   -3px -3px 0px rgb(214, 4, 4);
    font-size: 240%;
    margin-bottom: 12px;
    text-align: center;
    position: absolute;
    top: 70px;
}
.klein{
    font-family: monospace;
    color:rgb(255, 255, 255);
    text-shadow:  
    3px  3px 0px rgb(214, 4, 4),
    3px -3px 0px rgb(214, 4, 4),
   -3px  3px 0px rgb(214, 4, 4),
   -3px -3px 0px rgb(214, 4, 4);
    font-size: 210%;
    text-align: center;
}
#lösung{
    width: 23px;
    box-shadow: 10px 0 10px rgb(255, 0, 0) inset;
    position: absolute
}
h2{
    color: white;
    font-family: monospace;
    font-weight: bold;
    position: absolute;
    font-size: 190%;
    top: 120px;
}
main{
    background-color: rgb(68, 34, 100);

}
header{
    background-color: black;

}
nav{
    border: medium solid rgb(220, 61, 241);
    

}
.mainimages{
    max-width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 5%;
    border: medium solid black;

}
.quizstarten{
    background-color: black;
    height: 35px;
    width: 120px;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-bottom: 8px;
    border-radius: 0.5em;
    margin-top: 8px;
    border: thin solid white;
    border-radius: 10em;
}
a{
    color: white;
    text-decoration: none;
    font-weight: 700;
}
body {
    display: grid;
		gap: 0px;
    background-color: rgb(68, 34, 100);
    margin: 0;
    
}

@media (min-width: 30em) { 
	/* Breite beträgt mindestens 30em */ 
	body {
		grid-template-columns: 3fr 1fr; 
		grid-template-rows: auto 1fr 100px;	
	}
}

header,footer {
	grid-column: 1 / -1;
}

label{
    color: white;
}
p{ 
  margin-left: 15px;
  margin-top: 15px;
  margin-right: 15px;
  font-size: 15px;
  font-family: monospace;
  color: white;
  font-weight: 700; 
}
iframe{
    width: 100%;
    height: 100%;
}
#text1{
    width: 280px;
    position: absolute;
    top: 160px;
    text-align: center;
}

#bühne{
    max-width: 100%;
}
div{
    display: flex;
    align-items: center;
    justify-content: center;
}
footer{
    background-color: black;
}
#perfekt{
    visibility: visible;
    width:10%;
    height: 10%;
}
.some{
    max-width: 100%;
}