html, body {
  height: 100%;
  width: 100%;
  scroll-behavior: smooth;
}

.holder{
  position: fixed;
  width: 100%;
  background-color: rgb(200,200,200);
  top: 0;
  padding-bottom: 2px;
}
#body{
  padding-top: 150px;
  width: 100%;
}
.anzeige{
  background-color: rgb(0, 200, 100);
  display: none;
  font-size: 35px;
  text-align: center;
  width: 80%;
  padding: 15px;
  margin: 0px;
}

.ponkte{
  background-color: rgb(220, 220, 220);
  border: 5px solid grey;
  display: none;
  font-size: 20px;
  text-align: center;
  width: 35%;
  padding: 10px;
  margin: 0px;
}

.bongo{
  display: none;
  text-align:center;
  margin: 20px;
}

.frage{
  background-color: rgb(100, 150, 150);
  display: table;
  margin: 0 auto;
  font-size: 20px;
  text-align: center;
  width: 80%;
  padding: 15px;
}

.antw{
  background-color: rgb(150, 150, 240); 
  width: 40%;
  border-radius: 5px;
  font-size: 17px;
  padding: 10px;
  
}

.weiter{
  background-color: rgb(250, 150, 0);
  width: 80%;
  display: none;
  border-radius: 5px;
  font-size: 17px;
  margin: 0px;
  padding: 25px;
}

.fotobutt{
  margin: 5px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 600px)  {
        .bumm { display: none; }
	.anzeige{
		font-size: 40px;  

	.ponkte{
		font-size: 30px;
	}
        .antw{
          width: 20%;
        }
}