@media only screen and (max-width: 1440px)  and  (-webkit-min-device-pixel-ratio: 2){ 

.fnav1{

 position: relative;
  top:22em;
  left:7em;
    list-style-type: none;
  margin:auto;
  padding: 0;
  width:100%;
height:23em;
 
}
 ul.fnav1 li{
 float: left;
  width:11%;
  height:16em;
 
  

}

}


@media only screen and (max-width: 1280px)  and  (-webkit-min-device-pixel-ratio: 1){ 

.fnav1{

 position: relative;
  top:24em;
  left:6.5em;
    list-style-type: none;
  margin:auto;
  padding: 0;
  width:100%;
height:23em;
 
}
 ul.fnav1 li{
 float: left;
  width:11%;
  height:14em;
 

}

  ul.fnav1 li:nth-child(2){
 
 margin-left:0.7em;

 }
   ul.fnav1 li:nth-child(3){
 
 margin-left:0.7em;

 }
    ul.fnav1 li:nth-child(4){
 
 margin-left:5em;

 }
     ul.fnav1 li:nth-child(5){
 
 margin-left:0.7em;

 }
     ul.fnav1 li:nth-child(6){
 
 margin-left:5em;

 }
 
 .fnav2{

 position: relative;
  top:22em;
  left:6.5em;
    list-style-type: none;
  margin:auto;
  padding: 0;
 
}
 ul.fnav2 li{
 float: left;

   width:11%;
  height:14em;

}
 ul.fnav2 li:hover{
cursor: pointer;

  
}


  ul.fnav2 li:nth-child(2){
 
 margin-left:0.7em;

 }
   ul.fnav2 li:nth-child(3){
 
 margin-left:0.7em;

 }
    ul.fnav2 li:nth-child(4){
 
 margin-left:5em;

 }
     ul.fnav2 li:nth-child(5){
 
 margin-left:0.7em;

 }

}



@media only screen and (max-width:1024px) and (min-resolution: 1dppx) {

.fnav1{

 position: relative;
  top:30em;
  left:4.5em;
    list-style-type: none;
  margin:auto;
  padding: 0;
  width:100%;
height:23em;
 
}
 ul.fnav1 li{
 float: left;
  width:11%;
  height:10em;
 

}

  ul.fnav1 li:nth-child(2){
 
 margin-left:0.7em;

 }
   ul.fnav1 li:nth-child(3){
 
 margin-left:0.7em;

 }
    ul.fnav1 li:nth-child(4){
 
 margin-left:4em;

 }
     ul.fnav1 li:nth-child(5){
 
 margin-left:0.7em;

 }
     ul.fnav1 li:nth-child(6){
 
 margin-left:4em;

 }
 
 .fnav2{

 position: relative;
  top:22em;
  left:4.5em;
    list-style-type: none;
  margin:auto;
  padding: 0;
 
}
 ul.fnav2 li{
 float: left;

   width:11%;
  height:10em;

}
 ul.fnav2 li:hover{
cursor: pointer;

  
}


  ul.fnav2 li:nth-child(2){
 
 margin-left:0.7em;

 }
   ul.fnav2 li:nth-child(3){
 
 margin-left:0.7em;

 }
    ul.fnav2 li:nth-child(4){
 
 margin-left:4em;

 }
     ul.fnav2 li:nth-child(5){
 
 margin-left:0.7em;

 }
}


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

      .default-design{
 	max-width: 100%;
  }
  .sec-content1{
 
   
margin-top:0em;

min-height:30em;
max-height: 30em;
 
	
 } 
   .aCont{
  background-image: url(../grafik/banner.jpg);
	background-size:100%;
	background-position: top;
	background-repeat: no-repeat;
  text-align: center;

 min-height:30em;
	 margin: 0 auto;
  display: table;
 width:100%;
 }

h1.IndexBoxHeader{

	font-size:1.1em;

	padding-bottom:0.8em;


	color:white;
	
}
a.impress{
	
  font-size: 1.1em;
  color:white;
   text-decoration: none;
font-weight:bold;

padding-left:4px;		
}

.fnav1{

 position: relative;
  top:5.5em;
  left:1.9em;
    list-style-type: none;
  margin:auto;
  padding: 0;
  width:100%;
height:9em;
 
}
 ul.fnav1 li{
 float: left;
  width:11%;
  height:4em;

 

}

  ul.fnav1 li:nth-child(2){
 
 margin-left:0.4em;

 }
   ul.fnav1 li:nth-child(3){
 
 margin-left:0.2em;

 }
    ul.fnav1 li:nth-child(4){
 
 margin-left:1.4em;

 }
     ul.fnav1 li:nth-child(5){
 
 margin-left:0.3em;

 }
     ul.fnav1 li:nth-child(6){
 
 margin-left:1.6em;

 }
 
 .fnav2{

 position: relative;
  top:3em;
  left:1.9em;
    list-style-type: none;
  margin:auto;
  padding: 0;
 
}
 ul.fnav2 li{
 float: left;

  width:11%;
  height:4em;
 

}
 ul.fnav2 li:hover{
cursor: pointer;

  
}


  ul.fnav2 li:nth-child(2){
 
 margin-left:0.3em;

 }
   ul.fnav2 li:nth-child(3){
 
 margin-left:0.2em;

 }
    ul.fnav2 li:nth-child(4){
 
 margin-left:1.4em;

 }
     ul.fnav2 li:nth-child(5){
 
 margin-left:0.4em;

 }
 }