/*---------------- alles kleiner als Desktop 980px-----------  */

@media screen and (max-width:1016px){
html{
width:100%;
height:100%;
overflow:hidden;
}

body {
width:96%;
margin-left: 2%;
margin-right:2%;
height:100%;
overflow:hidden;
background-image:none;
}

#wrapper { 
width: auto;
}

#inhalt {
width:100%;
background-image: url(img/startseite-hg.gif);
background-repeat: no-repeat;
background-position: top center;
background-size:contain;
margin-left: auto;
margin-right:auto;
height: 100%;
background-color: #007dc7;	
}


#navi {

margin-left: auto;
margin-right:auto;
}

#navi {
width: 300px;
position: relative;
top: 172px;
left: 0;
}

/*---------------- alles kleiner als Desktop 800px-----------  */

@media screen and (max-width:810px){
	
}


/*---------------- alles kleiner als Desktop 640px-----------  */

@media screen and (max-width:640px){
#inhalt {

}



/*-------- alles kleiner als mobile 480px ----------------------  */

@media screen and (max-width:480px){
#inhalt {

}

}


/*-------- alles kleiner als mobile 420px ----------------------  */

@media screen and (max-width:420px){


}