/* Mittlere Section */
.section1{
  padding: 25px;
  padding-left: 50px;
  padding-right: 80px;
}
#hyperlinks{
  font-size: larger;
}
a.hyperlink{
  color: white;
}
div.hyperlink{
  margin: 5px;
  width: 440px;
  height: 40px;
  font-size: 20px;
  text-align: center;
  padding-top: 3px;
  padding-bottom: 2px;
  float: left;
  text-decoration: none;
  border-radius: 15px;
  border-color: #0f466e;
  border-width: 2px;
  border-style: solid;
  background-color: #0f466e ;
  box-shadow: 3px 3px black;
}
div.hyperlink:hover {
  width: 450px;
  font-size: 21px;
  padding-top: 4px;
  border-radius: 20px;
  border-color: #003152;
  border-style: double;
  background-color: #003152 ;
  box-shadow: 4px 4px black;
}
.Links{
  position: relative;
  top: -150px;
}
hr{
  float: unset;
}
.section2{
  width: 57.7%;
}
.absatz {
  margin-top: 180px;
}
.absatz p {
  font-size: 16px;
}

.End-Line{
  margin-top:    50px;
  margin-bottom: 50px;
}

@media (max-width: 500px) {
  .section1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  div.hyperlink {
    margin: 5px;
    width: 330px;
    height: unset;
    font-size: 20px;
  }
  div.hyperlink:hover {
    width: 300px;
    height: 72px;
    font-size: 21px;
  }

  .section2 {
    width: 100%;
    text-align: left;
    margin: 25px auto 0 auto;
    max-width: 90.7%;
    padding-left: unset;
    padding-right: unset;
  }

}

@media (max-width: 1470px){
  .section1{
    padding-left: 36px;
    padding-right: 36px;
  }
  .section2{
    padding-left: 36px;
    padding-right: 36px;
  }  
}