@charset "UTF-8";
/* CSS Document pad */

/*@media (min-width: 480px) and (max-width: 768px)*/
/*@media (min-width: 568px) and (max-width: 1024px)*/
/*@media (min-width: 667px) and (max-width: 1024px)*/
@media (min-width: 768px) and (max-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1){
	
*{margin:0;padding:0;}

body 
{ 	

	margin:0!important;
	padding:0!important;
	width:100%;
}
#BgContainer{

	margin:0 auto!important;
	padding:0!important;
	width:100%!important;
	/*background-color:green;*/
}
#Container{

	margin:0!important;
	padding:5px!important;
	padding:0!important;
	width:100%!important;
	/*background-color:yellow;*/
}

main{
	
	margin:0!important;
	padding:0!important;
	width:100%!important;

}

header{

	padding:0;
	width:100%!important;
}
#logo {
	/*padding:0!important;*/
	margin:0!important;
	width:30%!important;
	/*background-color:red;*/
	
}
#logo img {
	/*padding:0!important;
	margin:0!important;*/
	width:80%!important;
	height:auto;	
}
nav {

	/*width:60%!important;
	width:80%!important;*/
	width:100%!important;
	/*margin:110px 0 0 -73px!important;
	margin:0 0 0 0!important;*/
	margin:20px 0 0 0!important;/*neu-31-1-22*/
	padding:0!important;
	/*background-color:lightblue;*/	
}

nav ul {
  list-style-type: none;
  /*margin: 0 12.5% 0 15%!important;
  margin: 0 0 0 22%!important;
  margin: 0 0 0 25%!important;
  margin: 0 12.5% 0 12.5%!important;
  margin: 0 auto!important;
  margin: 0 13% 0 13%!important;
  margin: 0 3% 0 20.5%!important;*/
   margin: 0 3% 0 22%!important;
  /*padding: 0 0 0 5px;*/
  /*width:72.5%!important;
  width:75%!important;
  width:74%!important;
  width:72.5%!important;*/
  width:70%!important;
  overflow: hidden;
  /*background-color:pink;*/

}

nav ul li {
  float: left!important;
  font-size: 1em;/*neu*/
  font-size: 0.875em;/*neu*/
  font-weight:bold;/*neu*/
  margin-left:0!important;/*neu*/
  margin-right:0;/*neu*/
  padding-left:0!important;
  /*background-color:yellow;*/ 
}
nav ul li:first-child{
	/*background-color:#0F0;*/
	margin-left:-8px!important;/*neu*/
	/*background-color:green!important;*/
}
	
#Layout,
#Home{

	/*margin:0!important;*/
	/*max-width:768px;*/
	/*width:80%;
	width:70%;
	width:80%;
	width:90% !important;*/
	/*width:100% !important;
	width:50% !important;*/
	width:55% !important;
	padding:0 10px 0 5px;
	padding:0 5px 0 5px!important;
	margin:4% 0 0 4%!important;
	/*background-color:pink;*/
}
#Layout img,
#Home img{

	/*margin:0!important;*/
	/*max-width:768px;*/
	width:95%;
	width:100%;
	height:auto;
	
}
#Layout p{
}

.bilderlinks, 
.bilderrechts{
	/*width:15%!important;
	width:20%!important;*/
	width:18%!important;
	margin-top:15%!important;
	/*background-color:green;*/
}


.bilderlinks img, 
.bilderrechts img {
 			
	width:100%!important;
	height:auto;	
}
#slide { 
	width: 100%;  
	/*float: left;*/  
	margin: 0 auto!important;
	padding: 0!important;				
}

footer {
	/*max-width:768px;*/
	width:80%;
	width:100%!important;/*1-2-22*/
	/*background-color:red!important;*/
	}

}


/****** IPAD MINI******/

@media (min-width: 667px) and (max-width: 768px)
and (-webkit-min-device-pixel-ratio: 1){
	
	
#Container{

	/*background-color:grey!important;*/
}

main{
	/*background-color:lightgreen!important*/;

}
#logo{
	margin:0;
	width:25%;
	/*background-color:#0FF;*/}
	
#logo img{
	width:100%;
	height:auto
	}


nav {

	/*width:60%!important;*/
	width:100%!important;
	margin:0!important;
	/*width:100%!important;*/
	/*margin:110px 0 0 -73px!important;*/
	/*background-color:red!important;*/	
}

nav ul {
  list-style-type: none;
  /*margin: 0 12.5% 0 15%!important;
  margin: 0 0 0 22%!important;
  margin: 0 0 0 25%!important;
  margin: 0 12.5% 0 12.5%!important;
  margin: 0 auto!important;
  margin: 0 13% 0 13%!important;
  margin: 0 3% 0 15%!important;*/
  margin: 0 0 0 15%!important;
  /*padding: 0 0 0 5px;*/
  /*width:72.5%!important;*/
  width:70%!important;
  overflow: hidden;
  /*background-color: green;*/

}

nav ul li {
  float: left;
  font-size: 0.875em;/*neu*/
  font-size: 1em;/*neu*/
  font-size: 0.875em;/*neu*/
  font-weight:bold;/*neu*/
  margin-left:0;/*neu*/
  margin-right:0;/*neu*/ 
}

.bilderlinks, 
.bilderrechts{
	width:15%!important;
	width:20%!important;
	width:18%!important;
	margin-top:20%!important;
	/*background-color:green;*/
}

footer{/*background-color: lightgreen!important;*/}
}