@media (max-width: 1399px) {
  .section-2 .box{
    height: 400px;
  }
}

@media (max-width: 1200px) {
  .section-1 h2{
    font-size: 100px;
  }
  .section-2 .img-2-2{

  }
}

@media (max-width: 991px) {

.mobile{
  display: block;
}

.desktop{
  display: none;
}

.logo-top.img.home{
  position: absolute;
  height: 100px;
  width: 150px;
  left: inherit;
  top: inherit;
  bottom: 30px;
  right: 20px;
  margin: 0px;
  background-position: bottom center;
 overflow: hidden;
}

.nav-icon-2{
  top: 30px;
}

.logo-top.img{
  top: 10px;
  bottom: inherit;
}

.section-2 .img-2-2{
  display: none;
}

.section-2 .text2 p{
  font-size: 30px;
}

.section-5 .img{
  margin-bottom: 30px;
}

nav .content-box{
  display: none;
}

nav{
  height: 85px;
  background-color: #121212;
  transform: all ease 0.3s;
}

nav.scroll{
  height: 60px;
}

.section-1 .img-1{
  display: none;
}

}

@media (max-width: 767px) {

nav{
  top: 0px;
  width: 100%;
}

nav .content-container{
  position: absolute;
  margin-top: 100px;
  margin-right: 0px;
}

.section-1{
  padding: 30px 0px 30px;
}

.section-1 .img{
  display: none;
}


header h1{
  font-size: 7.3vw;
}

header p{
  font-size: 4vw;
}

h2{
  font-size: 30px!important;
  padding-bottom: 13px;
}

p{
  font-size: 12px!important;
}

nav .button{
  right: 30px;
}

nav.scroll .lang{
  top: -15px;
}

.section-2{
  padding: 85px 0px 30px;
}

.section-2 .title.img-2{
  left: 15px;
  width: 70%;
}

.section-2 .text-box{
  right: 20px;
}

.section-2 .text2{
  padding: 10px 40px 0px;
}

.section-2 .text2 p{
  font-size: 18px!important;
}

.section-4 .title.img-2{
  left: 15px;
  width: 90%;
  top: -100px;
}

.section-4{
  padding-top: 85px;
  padding-bottom: 20px;
}

.section-5{
  padding-top: 20px;
  padding-bottom: 20px;
}

.section-5 .img{
  height: 280px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.section-5.section-6{
  padding-bottom: 30px;
}

.section-7{
  padding-top: 100px;
  padding-bottom: 10px;
}

.section-7 .img-2{
  top: -130px;
  width: 220px;
  height: 205px;
}

.section-7 .img{
  display: none;
}

nav .button{
  display: none;
}

header .scroll-box{
  display: none;
}

nav .logo{
  top: -42px;
  width: 100px;
}

nav.scroll .logo{
  width: 70px;
  left: 26px;
}

.section-4 .img{
  opacity: 1;
}

.section-4 .img:hover{
  opacity: 1;
  transform: scale(1);
}

.trenner{
  background-size: cover;
  height: 51px;
  background-position: center;
}

.mobile-button{
  display: block;
  position: fixed;
  bottom: 0px;
  text-align: center;
  margin: auto;
  width: 100%;
  z-index: 200;
}

.mobile-button .button{
  position: relative;
  text-align: center;
  margin: auto;
  font-size: 14px;
  right: inherit;
  display: table;
}

.wpcf7-list-item{
  font-size: 12px;
}

.section-7 input.check{
  display: block;
  margin-bottom: 10px;
}

.wpcf7 .wpcf7-submit{
  margin-top: 20px;
  font-size: 12px;
}

.section-7 a{
  font-size: 12px;
}

footer a{
  font-size: 12px;
}

footer{
  padding-bottom: 80px;
}

header.unterseite{
  height: 400px;
}

header.unterseite h1{
  padding-top: 200px;
}

.section-2-1 .img-1{
  position: absolute;
    right: 0;
    left: 0;
    text-align: center;
    top: -130px;
    width: 200px;
    height: 200px;
    margin: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.section-2-1{
  padding: 80px 0px 20px
}

.section-2-2{
  padding: 30px 0px;
}

.impressum-1{
  padding-top: 150px;
}

.impressum-1 a{
  font-size: 12px;
}


.impressum-1 h1{
  font-size: 30px;
}

  }