body {
    background-color: #ECEBE6;
    padding-top: 108px;
    margin: 0;
}

.grid960s {
    max-width: 960px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 20px;
}

header {
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.315);
  
}

section {
    
    padding-top: 3px;
 
 
}
.uberpad {
padding-top: 14px;
}
.mabstand > div {
    background-color: white;
    box-shadow: 1px 1px 3px #989898;
}


.fotobox, .fotoboxbil{
    overflow: hidden;
   display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    
}
.fotoboxbil{
 
    position: relative;
    height:559px;
    margin-bottom: 50px;
}
#vegis {

    width: 275%;
    position: absolute;
    left: -119%;
    top: -43px;

}
#holzk{
    width: 268%;
    position: absolute;
    left: -25%;
    top: -49px;
}
.hebipo img {
    width: 100%;
}

.boxcontrol {
    display: flex;
    justify-content: space-between;
    background-color: #eaeaea;
    height: 58px;
    width: 100%;
    margin-top: 3px;
  
    
}
.boxcontrol> a:nth-last-of-type(1) {
    transform: rotate(180deg);
}

section p:nth-of-type(2) {
    margin-bottom: 26px;
}
.boxcontrol > a > img {
    height: 100%;
}



.padunten {
    margin-bottom: 100px;
}

.boxcontrol > a:hover {
    background-color: rgba(0, 0, 0, 0.44);
       
}





.seite1 > img {
    min-width: 281px;
    width: 60%;
}


.seite1 div > img {
    padding-top: 50px;
    min-width: 50px;
    width: 161px;
}


.seite1 {
    max-width: 960px;
    margin: 50px auto;
    box-sizing: border-box;
    padding:50px 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}
.seite1 > div {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    min-width: 69%;
}
.mabstand {
    margin-bottom: 50px;
    
}
.schatten {
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.384);
}

.seite2 {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
    padding:50px 0;
}
.seite2 img{
max-height: 106vw;
}

.abstbottom img {
    margin-bottom: 50px;
}   

@media (min-width: 662px) {
  .seite1 {
    justify-content: space-between;
    width: 100%;
  }
  .seite1 > img {
      min-width: 20%;
      width: 48%;
  }
   .seite1 > div {
       min-width: 44%;
   }
   .seite1 div > img {
       width: 145px;
   }
   #vegis, #holzk {
    position: static;
    width: 100%;
}


}

@media (min-width: 800px) {

        body {
            padding-top: 50px;
        }
    section {
        display: flex;
        justify-content: space-evenly;
    }
    
    section > div > img {
        height: auto;
        max-width: 100%;
        
    }

    .mabstand > div {
        border-top: solid white 1px;
        border-bottom: solid white 1px;
        border-left: solid white 43px;
        border-right: solid white 43px;

        box-sizing: content-box;
    }
    

    .mabstand {
        display: block;
        width: 100%;
        height: 100%;
        margin-left: 174px;
        margin-right: 20px;
    }
    .fotobox > img {
        width: 100%;
    }
    
    .seite1 div > img {
        width: 13vw;
    }
    .seite2 img{
        max-height: 72vw;
        }
}