@charset "utf-8";
/* CSS Document */

#trans-k1{
	height:100%;
	width:100%;
	margin: 0;
	padding: 0;
	background: url(../bilder/fra.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;


}

#trans-k12{
	height:auto;
	width:100%;
	margin: 0;
	padding: 0;
	background: url(../bilder/fra.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;


}


#hg-weiss {
	width: 100%; 
	background: rgba(255, 255, 255, 0.8); 
	padding: 50px;
	margin-top:-100px;

}


.size-sch
{width:400;
height:370px;}

@media only screen and (min-device-width: 768px) and (max-device-width: 1199px) and (orientation:portrait) {
  /* For portrait layouts only */
  
 
.size-sch 
   {width:300;
height:278px;}


 #trans-k1{
	height:100%;
	width:100%;
	margin: 0;
	padding: 0;
	background: url(../bilder/fra-portrait.jpg) no-repeat top center #fff;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;


}

#trans-k12{
	height:auto;
	width:100%;
	margin: 0;
	padding: 0;
	background:#fff;
		

}

#hg-weiss {
	width: 100%; 
	background: rgba(255, 255, 255, 1.0); 
	padding: 50px;
	margin-top:-100px;
	border-bottom: 0px solid #00adee;
	  }

  

}
  
  
  @media only screen and (min-device-width: 768px) and (max-device-width: 1199px) and (orientation:landscape) {
  /* For landscape layouts only */

.size-sch
   {width:300;
height:278px;}
    
#trans-k1{
	height:100%;
	width:100%;
	margin: 0;
	padding: 0;
	background: url(../bilder/fra-landscape.jpg) no-repeat top center #fff;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;


}

#trans-k12{
	height:auto;
	width:100%;
	margin: 0;
	padding: 0;
	background:#fff;
		

}

#hg-weiss {
	width: 100%; 
	background: rgba(255, 255, 255, 1.0); 
	padding: 50px;
	margin-top:-100px;
	border-bottom: 1px solid #00adee;
	border-left: 1px solid #00adee;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0)  }

  
  }
  
  
@media (max-width: 767px)  and (orientation:landscape) {


.size-sch
 {width:200;
height:185px;}


 #trans-k1{
	height:100%;
	width:100%;
	margin: 0;
	padding: 0;
	background: url(../bilder/fra-landscape1.jpg) no-repeat top center #fff;
	-webkit-background-size: none;
	-moz-background-size: none;
	-o-background-size: none;
	background-size: none;


}

#trans-k12{
	height:auto;
	width:100%;
	margin: 0;
	padding: 0;
	background:#fff;
		

}

#hg-weiss {
	width: 100%; 
	background: rgba(255, 255, 255, 1.0); 
	padding: 30px 50px 50px 50px;
	margin-top:0px;
	border-bottom: 0px solid #00adee;
	  }
}

@media (max-width: 767px)  and (orientation:portrait) {

.size-sch
{width:200;
height:185px;}

 #trans-k1{
	height:100%;
	width:100%;
	margin: 0;
	padding: 0;
	background: url(../bilder/fra-portrait1.jpg) no-repeat top center #fff;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;


}

#trans-k12{
	height:auto;
	width:100%;
	margin: 0;
	padding: 0;
	background:#fff;
		

}

#hg-weiss {
	width: 100%; 
	background: rgba(255, 255, 255, 1.0); 
	padding: 50px;
	margin-top:-100px;
	border-bottom: 0px solid #00adee;
	  }
}


@media (max-width: 480px)  and (orientation:landscape) {

.size-sch
{width:150;
height:139px;}
 
 #trans-k1{
	height:100%;
	width:100%;
	margin: 0;
	padding: 0;
	background: url(../bilder/fra-landscape2.jpg) no-repeat top center #fff;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;


}

#trans-k12{
	height:auto;
	width:100%;
	margin: 0;
	padding: 0;
	background:#fff;
		

}

#hg-weiss {
	width: 100%; 
	background: rgba(255, 255, 255, 1.0); 
	padding: 30px;
	margin-top:-50px;
	border-bottom: 0px solid #00adee;
	  }
}



@media (max-width: 480px)  and (orientation:portrait) {


.size-sch
{width:150;
height:139px;}

 #trans-k1{
	height:100%;
	width:100%;
	margin: 0;
	padding: 0;
	background: url(../bilder/fra-portrait2.jpg) no-repeat top center #fff;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;


}

#trans-k12{
	height:auto;
	width:100%;
	margin: 0;
	padding: 0;
	background:#fff;
		

}

#hg-weiss {
	width: 100%; 
	background: rgba(255, 255, 255, 1.0); 
	padding: 30px;
	margin-top:-120px;
	border-bottom: 0px solid #00adee;
	  }
}