a, .impressum {
	color: #0B54A0;
}

#modalImpressum, #modalDatenschutz {
	font-size: 0.9em;
}

/* Small only */
@media screen and (max-width: 39.9375em) {

	body {
		font-size: 1.3em;	
	}
	
	h1 {
		font-size: 1.4em;
		color: #0B54A0;
	}
	
	.contentDiv {
		border: 1px solid #0B54A0;
		padding: 10px;
	}
	
	.impressum {
		margin-top: 10px;
		text-align: center;
	}
	
	.mainContent {
		margin-top: 10px;
	}
	
	.contentDiv {
		position: relative;
	}
	
	#bgCircle {
		position: absolute;
		opacity: 0.1;
		height: 220px;
		top:0px;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		z-index:-1;
		transform: rotate(180deg);
	}
	
}


/* Medium and up */
@media screen and (min-width: 40em) {

	html, body {
		height: 100%;
	}
		
	body {
		font-size: 1.3em;	
		
	}
	
	h1 {
		font-size: 1.4em;
		color: #0B54A0;
	}
	
	
	#bgCircle {
		position: absolute;
		opacity: 0.1;
		height: 220px;
		top:0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		z-index:-1;
		transform: rotate(180deg);
	}
		
	.mainContent {
		width: 100%;
		height: 50%;
		position: absolute;
		top:0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}
	
	.logoDiv {
		border-left: 1px solid #0B54A0;
		border-top: 1px solid #0B54A0;
		border-bottom: 1px solid #0B54A0;
		
		
		background: #0B54A0;
		text-align:center;
	}
	
	.contentDiv {
		padding-left: 20px;
		padding-top: 20px;
		border-right: 1px solid #0B54A0;
		border-top: 1px solid #0B54A0;
		border-bottom: 1px solid #0B54A0;
		position: relative;
		text-align:center;
	}
	
	.contentCenterDiv {
		text-align:left;	
		display: inline-block
	}
	
	.impressum {
		text-align: right;
	}
	
	
}