﻿.leerzeile{
z-index:16;
position:relative;
bottom:0px;
float:left;
width: 100%;
/*background: rgba(255, 255, 255, 0.0); */
margin:0px 0px 10px 0px;
display: table-cell;
text-align: center;
height:auto;

	background:-moz-linear-gradient(top, transparent 0%, black 100%);
	background:-webkit-linear-gradient(top, transparent 0%, black 100%);
	background:-o-linear-gradient(top, transparent 0%, black 100%);  
	background-image:-ms-linear-gradient(top, transparent 0%, black 100%); 
	background:linear-gradient(top, transparent 0%, black 100%); 
	/*IE*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#000000', 
                                                   endColorstr= 'rgba(255, 255, 255, 0.0)');
}
/*
@media only screen and (max-width: 1600px) 
{
	.leerzeile 
	{
		width: 930px;		
	}
}
@media only screen and (max-width: 1280px) 
{
	.leerzeile 
	{
		width: 930px;			
	}
}
@media only screen and (max-width: 1000px) 
{
	.leerzeile 
	{
		width: 620px;		
	}
}
@media only screen and (max-width: 1000px) and (orientation : landscape)
{
	.leerzeile 
	{
		width: 520px;		
	}
}
@media only screen and (max-width: 480px)
{
	.leerzeile 
	{
		width: 280px;	
	}
}
*/

@media only screen and (max-height: 1100px) 
{
	.leerzeile 
	{
		/*height: 550px;*/		
	}
}
@media only screen and (max-height: 850px) 
{
	.leerzeile 
	{
		/*height: 400px;*/		
	}
}
@media only screen and (max-height: 700px) 
{
	.leerzeile 
	{
		/*height: 300px;*/	
	}
}
/*Februar 2022 - Hier wird der Versatz, der bei dem Content Wrapper durch den dynamischen Browser Safari bei ipad landscape entsteht überblendet - DEAKTIVIERT
@media only screen and (min-device-width: 1900px) and (orientation : landscape) 
{
	.leerzeile 
	{
		height: 300px;		
		background:green;
	}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape) 
{
	.leerzeile 
	{
		background:blue;
	}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait)
{
	.leerzeile 
	{
		height: 500px;		
	}
}
*/
@media only screen and (max-device-width: 480px) and (orientation : landscape)
{
	.leerzeile 
	{
		height: 200px;		
	}
}