html, body {
  margin:0;
  padding:0;
  width:100%;
  height:100%;
  overflow:auto
  
  
;
}

body {
  font-family:sans-serif;
}

#hintergrund {
  padding:60px 50px 100px 50px;
  position: static center  ;
  width:800px;
  height:600px;
  z-index:1;
}

#scrollbereich {

  position: absolute  ;
   width:100%;
  height:100%;         
}
#inhalt  {

  position: absolute  ;
   width:100%;
  height:100%;      

}

#counter {
  position:absolute ;
  padding:460px 0px 0px 815px;
}

  
#impressum {
  
  position:absolute ;
  padding:0px 0px 0px 800px;
  z-index:4;
}

#kaefighaltung {

  position:absolute ;
  padding:10px 0px 0px 300px;
  z-index:5;
}
                                                   
#schweineroller {
  
  position:absolute ;
  padding:652px 0px 0px 30px;
  z-index:2;
}

#gaeste {

  position:absolute ;
  padding:601px 0px 0px 720px;
  z-index:2;
}

#kontakt {
  position:absolute ;
  padding:652px 0px 0px 720px;
  z-index:1;
}

#best {
  position:absolute ;
  padding:550px 0px 0px 30px;
  z-index:4;
}

#members {
  position:absolute ;
  padding:550px 0px 0px 720px;
  z-index:3;
}

#treffen{
  position:absolute ;
  padding:601px 0px 0px 30px;
  z-index:3;  
}
#gruppenbild{
  position:  static  ;
  padding:30px 50px 10px 50px  ;
  width:75%;
  height:75%;
  z-index:1;
}

#mehrvid{
	padding:30px 0px 30px 0px
	position: static;
	
	z-index: 1;
	
<!--  -->

#bestbild1 {
  padding:30px 50px 10px 50px;
  position:  static;
  width:600px;
  
  z-index:15;
}

#bestbild2 {
  padding:30px 50px 10px 50px;
  position:  static ;
  width:600px;
  
  z-index:14;
}

#bestbild3 {
  padding:30px 50px 10px 50px;
  position:  static  ;
  width:600px;
  
  z-index:13;
}

#bestbild4 {
  padding:30px 50px 10px 50px;
  position:  static ;
  width:600px;
  
  z-index:12;
}

#bestbild5 {
  padding:30px 50px 10px 50px;
  position:  static  ;
  width:600px;
  
  z-index:11;
}

#bestbild6 {
  padding:30px 50px 10px 50px;
  position:  static;
  width:600px;

  z-index:10;
}

#bestbild7 {
  padding:30px 50px 10px 50px;
  position:  static ;
  width:600px;

  z-index:9;
}

#bestbild8 {
  padding:30px 50px 10px 50px;
  position:  static  ;
  width:600px;

  z-index:8;
}

#bestbild9 {
  padding:30px 50px 10px 50px;
  position:  static ;
  width:600px;

  z-index:7;
}

#bestbild10 {
  padding:30px 50px 10px 50px;
  position:  static  ;
  width:600px;

  z-index:6;
}

#bestbild11 {
  padding:30px 50px 10px 50px;
  position:  static;
  width:600px;

  z-index:5;
}

#bestbild12 {
  padding:30px 50px 10px 50px;
  position:  static ;
  width:600px;

  z-index:4;
}

#bestbild13 {
  padding:30px 50px 10px 50px;
  position:  static  ;
  width:600px;

  z-index:3;
}

#bestbild14 {
  padding:30px 50px 10px 50px;
  position:  static ;
  width:600px;

  z-index:2;
}

#bestbild15 {
  padding:30px 50px 10px 50px;
  position:  static  ;
  width:600px;

  z-index:1;
}
<!--  -->

#video1  {
  padding:0px 0px 0px 50px;
  position:  static  ;

  z-index:1;
}


#video2  {
  padding:35px 0px 0px 50px;
  position:  static  ;

  z-index:1;
}


#video3  {
  padding:35px 0px 0px 50px;
  position:  static  ;

  z-index:1;
}

  <!--  -->

#treffen1  {
  padding:0px 0px 0px 50px;
  position:  static  ;

  z-index:1;
}


#treffen2  {
  padding:35px 0px 0px 50px;
  position:  static  ;

  z-index:1;
}


#treffen3  {
  padding:35px 0px 0px 50px;
  position:  static  ;

  z-index:1;
}

  #treffen4  {
  padding:35px 0px 0px 50px;
  position:  static  ;

  z-index:1;
}
 #treffen5  {
 	padding:35px 0px 0px 50px;
 	position: static;
 	
 	z-index: 1
  }

 #treffen6  {
 	padding: 35px 0px 0px 50px;
 	position: static;
 	
 	z-index: 1
 	}




  #flyer1    {
    padding: 0px 0px 0px 0px;
    position: static;
    
    z-index: 1;
}

  #flyer2    {
    padding: 0px 0px 0px 0px;
    position: static;

    z-index: 1;
}