a {
	outline: none;
	}
	img{max-width:100%;border : 0;}
	A:link { text-decoration: none; color: gray; font-family: Verdana,Arial,Helvetica;}
	A:visited { text-decoration: none; color: gray; }
	A:hover { text-decoration: none; color: green; }
	A:active { text-decoration: underline; color: yellow; }

	span.ausgewaehlt{
	color: green;
	}


	.bgColor{
		background-color:#070719;
		height:100%;
		margin: 0;
	}

	#centerContent{
		max-width:950px; 
		margin-left: auto;
		margin-right: auto;		
	}
	
	.errors{
		
		color:black;
		font-size:14px;
	}
	


/*DESKTOP*/
 @media (min-width: 1024px){

	
	/*header*/
	.header{
		padding-top:20px;
		display:flex;
		font-size:20px;
	}
	
		.logo{
			width:100%;
			height:50px;	
			flex:1;
			
		}
		.navigation{
			position:relative;
			top:10px;
			flex:5;
		}
	
	/*presentation*/
	.presentation-container-main{
	
	}

		.presentation-top-box{
			margin-bottom:12px;
		}
			.presentation-top-item{
				
			}

		.presentation-bottom-box{
			display:flex;
			justify-content:space-between;	
		}
			.presentation-bottom-item{
				box-sizing: border-box;
				flex-basis:24%;	
			}

	.back{
		margin-top:20px;
	}

	
	#footer{
		margin-top:40px;
		font-size: 11px;
		color: white;
		line-height: 21px;
		font-family: Verdana,Arial,Helvetica;
		text-align:center;	
	}
	
	.contact-container{	
	display:flex;
	font-size:16px;
	font-family: Verdana,Arial,Helvetica;	
	background-image: url("img/contact_desktop2.jpg");
	background-repeat: no-repeat;
	background-size:100% 100%;
	object-fit: fill;
	padding:50px;

}
	
	.contact{
		flex:0.45;	
	
	}

		.form-row{
			padding: 10px 0;			
			display:flex;
		}
		
		.form-row label{
			flex:1;
			align-items:end;
			text-align:right;
			padding-right:10px;
		}
		.form-row input{
			border:0;
			flex:1;
			padding:5px;
		}		
		.form-row textarea{
			border:0;
			flex:1;
			padding:5px;
		}
		.form-row .g-recaptcha{
			transform:scale(1.25, 1.25);
			transform-origin:0 0;
			width:100%;
			margin-bottom:15px;
		}	

	


	.textBox{
		color:white;
		font-size:14px;
		font-family: Verdana,Arial,Helvetica;
		text-align:justify;
	}
	
	.showLink{
		display:block;
	}	

}

/*TABLETS and PHONES*/

 @media (min-width: 600px) and (max-width: 1024px){

	/*header*/
	.header{
		padding-top:20px;
		display:flex;
		font-size:16px;
	}
	
		.logo{
			width:100%;
			height:50px;	
			flex:1.5;
			margin-left:50px;
			
		}
		.navigation{
			position:relative;
			top:10px;
			flex:5;
			margin-right:50px;
		}

	
	/*presentation*/
	
	.presentation-container-main{
	
	}

		.presentation-top-box{
			margin-bottom:12px;
		}
			.presentation-top-item{
				
			}

		.presentation-bottom-box{
			display:flex;
			flex-wrap:wrap;	
			justify-content:space-between;
		}
		.presentation-bottom-box > div{
			flex-basis:49.3%;
		}
		
			.presentation-bottom-item{
				box-sizing: border-box;
				flex-basis:22%;	
				margin-bottom:12px;		
			}
			.presentation-bottom-item: last-child{
				margin-right:0;
			}
	
	.back{
		margin-top:20px;
	}
	
	#footer{
		margin-top:40px;
		font-size: 14px;
		color: white;
		line-height: 21px;
		font-family: Verdana,Arial,Helvetica;
		text-align:center;			
	}
	
	.contact-container{	
	display:flex;
	font-size:16px;
	font-family: Verdana,Arial,Helvetica;	
	background-image: url("img/contact_tablet.jpg");
	background-repeat: no-repeat;
	background-size:100% 100%;
	object-fit: fill;
	padding:50px;
	
	}

	.contact{
		flex:1;		
	}

		.form-row{
			padding: 10px 0;			
			display:flex;
		}
		
		.form-row label{
			flex:1;
			align-items:end;
			text-align:right;
			padding-right:10px;
		}
		.form-row input{
			
			flex:2;
			border:0;
			padding:5px;
		}		
		.form-row textarea{
			flex:2;
			border:0;
			padding:5px;
		}		
		


	.textBox{
		color:white;
		font-size:14px;
		padding:20px;
		font-family: Verdana,Arial,Helvetica;
		text-align:justify;
	}

	.showLink{
		display:block;
	}	
	
}

/*PHONES */
@media (max-width: 600px){

	/*header*/
	.header{
		padding-top:20px;
		display:flex;
		font-size:14px;
	}
	
		.logo{
			width:150%;
			height:50px;	
			flex:2;
			margin-left:20px;
			
		}
		.navigation{
			position:relative;
			top:10px;
			flex:5;
			margin-right:20px;
		}

	
	/*presentation*/
	
	.presentation-container-main{

	}

		.presentation-top-box{
			margin-bottom:12px;
		}
			.presentation-top-item{
				
			}

		.presentation-bottom-box{
			
		}
		.presentation-bottom-box > div{
			flex-basis:49.3%;
		}
		
			.presentation-bottom-item{
				box-sizing: border-box;
				flex-basis:22%;	
				margin-bottom:12px;		
			}
			.presentation-bottom-item: last-child{
				margin-right:0;
			}
	

	
	
	.back{
		margin-top:20px;
	}
	
	
	#footer{
		margin-top:40px;
		font-size: 14px;
		color: white;
		line-height: 21px;
		font-family: Verdana,Arial,Helvetica;
		text-align:center;			
	}
	
	.contact-container{	
	display:flex;
	font-size:16px;
	font-family: Verdana,Arial,Helvetica;	
	background-image: url("img/contact_tablet.jpg");
	background-repeat: no-repeat;
	background-size:100% 100%;
	object-fit: fill;
	padding:20px;
	font-size:16px;
	
	}

	.contact{
		flex:1;	
	}
		.form-row{
			padding: 10px 0;			
			display:flex;
		}
		
		.form-row label{
			flex:1;
			align-items:end;
			text-align:right;
			padding-right:10px;
			display:none;
			
		}
		.form-row input{
			
			flex:1;
			border:0;
			padding:5px;
		}		
		.form-row textarea{
			flex:1;	
			border:0;
			padding:5px;			
		}
		
		.sendBtn{
			flex:1;
			padding:5px;
		
		}		
		

	
	.textBox{
		color:white;
		font-size:14px;
		padding:20px;
		font-family: Verdana,Arial,Helvetica;
		text-align:justify;
	}
	
	.showLink{
		display:none;
	}
	
}