body{
  margin-top: 80px;
}
#headliner{
 
  flex-direction: column;
  text-align: center;
}

.wrapper{
display: flex;

flex-wrap: wrap;
align-items: center;
justify-content: center;
height: 100%;

padding-top: 100px;
overflow: hidden;
}

.wrapper h3{
  font-weight: 500;
  margin: 20px;
  font-size: 1.6em;
}
.wrapper h2{
  margin-top: 20px;
  text-decoration: underline;
  font-size: 2.3em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 500;
}



 @media(max-width: 710px){
.wrapper h1{
  font-size: 1.2em;
}
  }  
  @media(max-width: 710px){
.wrapper h2{
  font-size: 1.5em;
  line-height: 1.5em;
}
  }  



.wrapper a{
  text-decoration: none;
}
.image{
  background-color: cadetblue;
  margin: 30px;
  display: flex;
}
.image2{
  
  margin: 30px;
  display: flex;
}
.img-matt{

}
.image img{
  width: 300px;
}
.image2 img{
  width: 300px;
}
.description-text{

  border: 2px solid #005c0b;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: max-content;
  width: 400px;
  align-items: center;
  justify-content: space-around;
  padding: 10px;
  margin: 30px;
  text-align:center;
  
  
}
.description-text button:hover{
cursor: pointer;
font-size: larger;
}
.description-text button{
background: none;
padding: 10px;
}
.welcome{
  background-image: url(/thumb/LandingP/ABSTRACT_Hardcore.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  height: 500px;
  overflow-x: hidden;
}
.welcome2{
  background-image: url(/thumb/LandingP/Maschinerie2_Banner.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  height: 500px;
  overflow-x: hidden;
}
.headline{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  line-height: 65px;
  height: 300px;
  padding-bottom: 0px;
  padding-top: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  justify-content: center;

  flex-wrap: nowrap;
  width: 100%;
}

.headline #best0{
  color: rgba(255, 153, 0, 0.863);
   text-shadow: 3px 4px #000000b6;
   font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif Georgia, 'Times New Roman', Times, serif;
font-size: 4em;
}
@media (max-width: 600px){
.headline #best0{
  font-size: 2em;
}
}

.banner{
  display: flex;
  background-image: url(/thumb/DRAWINGS/Maschinerie_Banner.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  height: 500px;
  overflow-x: hidden;
  justify-content: center;
  align-items: center;
}
.headline{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  line-height: 65px;
  height: 300px;
  padding-bottom: 0px;
  padding-top: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  justify-content: center;

  flex-wrap: nowrap;
  width: 100%;
}

.headline #best0{
  color: rgba(255, 153, 0, 0.863);
   text-shadow: 3px 4px #000000b6;
   font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif Georgia, 'Times New Roman', Times, serif;
font-size: 4em;
}
@media (max-width: 600px){
.headline #best0{
  font-size: 2em;
}
}