@charset "utf-8";
*
{
	font-family: /*Conduit ITC Pro,Conduit ITC,ConduitITC,*/Century Gothic,CenturyGothic,AppleGothic,Arial,sans-serif;
}



	
/*mobile landscape*/
@media (max-width:1200px) and (orientation: landscape)
{

	.container
	{
		grid-template-columns: 100%;
		grid-template-rows:10px;
		align-items: normal;
		background-color:greenyellow;
	}
	
	.langbtn1
	{
		background-color:blue;
		margin-right:0px;
		grid-column:1/2;
		height:75px;
		width:75px;
	}
	
	.popupmenu
	{
		-webkit-transition:0.5s;
		grid-column: 1/2;
		grid-row:2/3;	
		justify-items:center;
		margin-right:0px!important;
		margin-left:0px;
		opacity:0;
	}
	
	.popupbody
	{
		/*difference: multiple columns here to accomodate for less screen height in mobile landscape mode*/
		grid-template-columns:auto auto auto;
		grid-template-rows: 50px;
		width:auto;
		margin-left:0px;
	}
	
	.langbtn2
	{
		text-align:center;
		text-decoration:none;
		grid-template-columns: 50px auto 50px;
		grid-template-rows: 75px;
		width:100%;
	}
}

@media (max-width:1000px) and (min-height:500px)
{
	.popupmenu
	{
		width:300px;
	}
	.popupbody
	{
		/*grid-template-columns:150px 150px;*/
	}
	
	.langheader
	{
		grid-column:1/3;
	}	

	.lang2
	{
		grid-column:2/3;
		grid-row:2/3;
	}
	
	.lang3
	{
		grid-column:2/3;
		grid-row:2/3;
	}

	.lang4
	{
		grid-column:2/3;
		grid-row:3/4;
	}
	
	.lang5
	{
		grid-column:1/2;
		grid-row:3/4;
	}

	.lang6
	{
		grid-column:2/3;
		grid-row:3/4;
	}

.bg
	{
		display:none;
	}
	
}


/*query for Tablets*/
@media (min-width: 768px) and (min-height: 500px) and (max-width: 1199px)
{
	.container
	{
		background-color:pink;
	}
	
	.popupmenu
	{
	
	margin-top:10%!important;
	}
	.popupbody
	{
		/*grid-template-columns:300px;
		width:50%;*/
	}
	
	.langbtn2
	{
	/*grid-template-columns:25%;	*/
	}
	
	.langbtn2 img
	{
	height:30px;
	}
	
	.langheader
	{
	grid-column:1/2;
	}
	.lang1
	{	
	grid-column:1 / 2;
	grid-row:2 / 3;
	}
	
	.lang2
	{	
	grid-column:1 / 2;
	grid-row:3 / 4;
	}
	
	.lang3
	{	
	grid-column:1 / 2;
	grid-row:4 / 5;
	}
	
	.lang4
	{	
	grid-column:1 / 2;
	grid-row:5 / 6;
	}
	
	.lang5
	{	
	grid-column:1 / 2;
	grid-row:6 / 7;
	}
	
	.lang6
	{	
	grid-column:1 / 2;
	grid-row:7 / 8;
	}
	
	
	
}



/*media Query for small mobile devices in portrait mode*/
/*does nothing atm*/
@media (max-height: 667px) and (orientation:portrait)
{
	
	*{
		background-color:lightblue;
	}
	

}

/*media Query for small mobile devices in landscape mode*/
/*does nothing atm*/
@media (max-width: 667px) and (orientation:landscape)
{
	
	*{
		background-color:lightgreen;
	}
	

}


/*QUERY FÜR PC BILDSCHIRME*/
@media (min-width:1200px) 
{
	
	*{
		background-color:orange;
	}
	
	.popupmenu
	{
		margin-top:8%;
	}
	
	.langbtn1
	{
	height:100px;
	width:100px;
	grid-column:2/3;
	}
	

	
.langbtn1 img
{
	height:100%;
	width:100%;
}
	.popupmenu
	{
		margin-left:0%;
		
	}
	
.langheader
	{
		grid-column:1/3;
	}
.lang1
	{
		grid-column:1/2;
		grid-row:2/3;
	}
.lang2
	{
		grid-column:2/3;
		grid-row:2/3;
	}
.lang3
	{
		grid-column:1/2;
		grid-row:3/4;
	}
.lang4
	{
		grid-column:2/3;
		grid-row:3/4;
	}
.lang5
	{
		grid-column:1/2;
		grid-row:4/5;
	}
.lang6
	{
		grid-column:2/3;
		grid-row:4/5;
	}
}