
/* .................................................................... */
/* Bilder Top Slider */	
/* Info: Es werden aktuell nur 2 Responsivitätsskalen abgedeckt! */
/* .................................................................... */


/* ============================================================================================================ */
/* ============================================================================================================ */
/* ============================================================================================================ */
/* ============================================================================================================ */
/* ============================================================================================================ */

/* Bye-Text */


@media screen and (max-width: 575px) 		/* => 000px - 575px || ^= < s > */
	{	
		#sct_020_bye_txt_01
		{			
			font-size: 			0.7rem!important;
			margin-top: 		80px!important;
			padding: 			6px 80px!important;
		}
		
		#sct_020_cubus_01
		{			
			margin-top: 		50px!important;
			margin-left:		30px!important;
			padding: 			20px 40px!important;
			width: 				0rem!important;
		}
	}
	
	
	
	@media screen and (min-width: 576px) 	/* => 576px - 767px || ^=  < sm > */
	{
		#sct_020_bye_txt_01
		{			
			font-size: 			0.67rem!important;
			margin-top: 		50px!important;
			padding: 			10px 10px!important;
		}
		
		#sct_020_cubus_01
		{			
			margin-top: 		50px!important;
			margin-left:		390px!important;
			padding: 			20px 40px!important;
			width: 				10rem!important;
		}
		
	}
	
	
	
	@media screen and (min-width: 768px) 	/* => 768px - 991px  || ^=  < md > */
	{
		#sct_020_bye_txt_01
		{			
			font-size: 			0.8rem!important;
			margin-top: 		90px!important;
			padding: 			10px 40px!important;
		}
		
		#sct_020_cubus_01
		{			
			margin-top: 		60px!important;
			margin-left:		460px!important;
			padding: 			20px 40px!important;
			width: 				12rem!important;
		}
	}
	
	
	@media screen and (min-width: 992px) 	/* => 992px - 1199px || ^=  < lg > */
	{
		#sct_020_bye_txt_01
		{			
			font-size: 			0.8rem!important;
			margin-top: 		110px!important;
			padding: 			20px 40px!important;
		}	
		
		#sct_020_cubus_01
		{			
			margin-top: 		60px!important;
			margin-left:		560px!important;
			padding: 			20px 40px!important;
			width: 				12rem!important;
		}
	}
	
	
	
	@media screen and (min-width: 1200px) 	/* => 1200px - 1399px || < xl > */
	{
		#sct_020_bye_txt_01
		{			
			font-size: 			1.0rem!important;
			margin-top: 		170px!important;
			padding: 			20px 40px!important;
		}
		
		#sct_020_cubus_01
		{			
			margin-top: 		90px!important;
			margin-left:		560px!important;
			padding: 			20px 40px!important;
			width: 				12rem!important;
		}
		
	}
	
	
	@media screen and (min-width: 1400px) 	/* => 1400px -  ...   || < xxl > */
	{
		#sct_020_bye_txt_01
		{			
			font-size: 			1.0rem!important;
			margin-top: 		170px!important;
			padding: 			20px 40px!important;
		}
		
		#sct_020_cubus_01
		{			
			margin-top: 		290px!important;
			margin-left:		-280px!important;
			padding: 			20px 40px!important;
			width: 				8rem!important;
		}
		
	}
















/* ============================================================================================================ */
/* ============================================================================================================ */
/* ============================================================================================================ */
/* ============================================================================================================ */
/* ============================================================================================================ */



@media screen and (max-width: 575px) 		/* => 000px - 575px || ^= < s > */
{	
	.sct_020_img_a
	{
		display:			none!important;
	}
	
	.sct_020_img_b
	{
		display:			block!important;
	}
}
	
	
@media screen and (min-width: 576px) 	/* => 576px - 767px || ^=  < sm > */
{
	.sct_020_img_a
	{
		display:			block!important;
	}
	
	.sct_020_img_b
	{
		display:			none!important;
	}
	
}
	
	
	

/* .................................................................... */
/* SONSTIGES */
/* .................................................................... */
	
@media screen and (max-width: 479px) 
{
  .carousel-caption #sld_1  
  {
		margin-top:			35%;
  }
}


@media screen and (min-width: 480px) and (max-width: 640px)
{
  .carousel-caption #sld_1  
  {
		margin-top:			135%;
  }
}


@media screen and (min-width: 641px) 
{
  .carousel-caption #sld_1  
  {
		margin-top:			0%;
  }
}




	