body {
    margin: 0;
    overflow-x: hidden;
    font-family: 'Poppins', sans-serif;
    font-size:25px;
    color:#0B2A7A;        
    background-color: #F4F4F4;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


a{
    color:#0B2A7A;
    text-decoration: none;
 }

a:hover{
   transition: all .5s ease-in-out;
   text-decoration: underline;
}

/*---------------------Impressum---------------------*/
.Impressum {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom:150px;
    width:90%;
}

.Impressum h1 {
    text-align: center;
    margin-top: 48px;
    margin-bottom: 48px;
}

.Impressum-back{
    position: absolute;
    right:50px;
    top:50px;
}
/*---------------------Impressum---------------------*/



@media (min-width:500px) and (max-width:700px) {
    
 .Impressum {
    margin-top:150px;
    width:100%;
  }

  h1{
    font-size: 40px;
  }

  h2{
    font-size: 30px;
  }

  span{
    font-size: 20px;
    width:90%;
    word-wrap:break-word;
  }

}

@media (min-width:400px) and (max-width:499px) {
    
    .Impressum {
       margin-top:150px;
       width:100%;
     }
   
     h1{
       font-size: 30px;
     }
   
     h2{
       font-size: 20px;
     }
   
     span{
       font-size: 20px;
       width:90%;
       word-wrap:break-word;
     }
   
   }

@media (min-width:300px) and (max-width:399px) {
    
    .Impressum {
       margin-top:150px;
       width:100%;
     }
   
     h1{
       font-size: 22px;
     }
   
     h2{
       font-size: 20px;
     }
   
     span{
       font-size: 20px;
       width:90%;
       word-wrap:break-word;
     }
   
   }

@media (min-width:280px) and (max-width:299px) {
    
  .Impressum {
     margin-top:100px;
     width:100%;
  }

  h1{
    font-size: 22px;
  }

  h2{
    font-size: 20px;
  }

  span{
    font-size: 20px;
    width:90%;
    word-wrap:break-word;
  }
}