.allcontent{
  height: 90vh;
  height: calc(100vh - 70px);
  height: calc((var(--vh, 1vh) * 100) - 70px);
  width: 100%;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  align-items: center;

}
.content{
max-width: 60rem;
display: flex;
flex-direction: column;
align-items: center;
color: var(--lettersbackground);
margin-bottom: 3rem;

}

.titel{
font-size: 1.6rem;
color: var(--lettersbackground);
margin-top: 2rem;
}

.subtitel{
  margin-top: 3rem;
  margin-bottom: 1rem;
}

.kopf{
  margin-top: 3rem;
  font-size: 1.4rem;
}

li{
  font-size: 1.2rem;
}

.content{
margin-top: 2rem;
border: 0.05rem solid var(--lettersbackground);
padding: 2.5rem;
border-radius: 2rem;
}


.content p{
margin: 1rem 1rem;
align-self: center;
border-bottom: 0.1rem dotted var(--lettersbackground);
width: 100%;
margin: auto;
}

.privacy{
  margin-top: 2rem;
  text-align: justify;
  font-size: 1.2rem;
}


.welcometext{
  max-width: 90rem;
font-size: 2.4rem;
text-align: center;
margin: 2rem 0;
font-weight: bold;
color: var(--lettersbackground);
}

.welcomepara{
  max-width: 90rem;
font-size: 2.0rem;
justify-content: center;
text-align: center;
margin: 2rem 0;
}



.textbild{
max-width: 90rem;
display: grid;
grid-template-columns: 1fr 1fr;
}



.explainbild{
  max-height: 30rem;
  max-width: 45rem;
  margin: 3rem 1rem;


}



.text{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  padding: 1rem;
  color: var(--lettersbackground);

  margin-right: 1rem;
  border-radius: 2rem;

}
.texttitel{
  margin-bottom: 2rem;
  font-size: 2rem;
  font-weight: bold;
}

.text p{
  text-align: justify;
}

.welcomepara p {
  text-align: center;
  margin-bottom: 1rem;
  color: var(--lettersbackground);
}


@media (max-width:500px){
  .textbild{
    grid-template-columns: 1fr;
    }


}

.king{
max-width: 40rem;
border-radius: 5rem 5rem;
opacity: 0.9;
}