/*ORIGINAL STYLES*/
body, body > *{
		font-family: 'Ubuntu', Helvetica, Arial;
	}	
div#box{
	overflow: hidden;		
}
#content {	
	background-position:center;
	border: 0 none;
	height: 100%;
	max-width:960px;
	margin:0 auto;
	width:100%;
}	
#content h1 {
	font-weight:700;
	font-style:italic;
	color:#0c1c80;
}
#content p {
	color:#0c1c80;
	font-size:16px;
	font-style:italic;
	font-weight:400;
}
#content a {
	color:#0c1c80;
	font-weight:500italic;
	font-style:italic;    
	font-size: 21px;
}
img#bg {
	position: fixed;
	top: 0em;
	left: 0em;
	width: 100%;
	height: 100%;
}
#languages {
	width: 960px;
	float: left;
}
#languages table{
	margin: 240px auto 0;
	width: 450px;
}
#imprint {
	float: right;
}
#imprint a {
	margin-right: 30px;
	margin-top: 10px;
	text-decoration: none;
	font-size:21px;
	color:white;
	font-style:normal;
	font-weight:300;
	font-size:14px;
}
a {
	color: #163989;
	border: 0px none;
}
/*ORIGINAL STYLES ENDE*/

/*RESPONSIVE STYLES*/
body {
	background: url("new/ehrmann_bg.jpg") no-repeat top center;
	background-attachment:fixed;
	background-size:cover;
}
.wrap {
	padding-top:30px;
    min-height: 100%;
    margin-bottom: -55px;
}
#content {
	max-width:100%;
}
.container > img {
	max-width:365px;
	height:auto;
}
.container {
	max-width:960px;
}
.container > h1 {
	font-size:50px;
}
.container > img {
	padding-bottom: 70px
}
.container > h2 {
	font-size:28px;
	margin-bottom:28px;
}
div.row {
	margin-bottom:40px;	
}
.linkwrap a img {
	width:180px;
	height:auto;
	box-shadow: 4px 4px 0px rgba(0,64,146,0.3);
	margin-bottom: 15px;
	
}
.linkwrap {
	background-color:rgba(255,255,255,0.8);
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:30px;
	min-width:110px;
	max-width: 210px;
	margin-left: auto;
	margin-right: auto;
}
.footer {
	background-color:#1c60b5;
	width:100%;
	height:55px;
	padding-top:15px;
	margin-bottom:-10px;
	margin-top:40px;
}
.footer-wrap {
	margin-left:auto;
	margin-right:auto;
	max-width:960px;
}
@media (min-width:992px) {
	body {
	}
}
@media (max-width:992px) {
	.linkwrap a img {
		width:160px;
	}
}
@media (max-width:758px) {
	#content {
		margin-top:0;
		margin-left:0;
	}
}
@media (max-width:480px) {
	.linkwrap {
		padding: 10px;
	}
	.linkwrap a img {
		width: 100%;
		height: auto;
	}
	.wrap .container > img {
		max-width:280px;
		width:100%
	}
	#content a, div#imprint a {
		font-size:16px;
	}
	div.container {
		padding-left:25px;
		padding-right:25px;
	}
	.row div.col-sm-4 {
		padding-left:10px;
		padding-right:10px;
	}
	.container > h1 {
		font-size:45px;
	}
	.container > img {
		padding-bottom:40px;
	}
	.container > h2 {
		font-size:21px;
	}
	.linkwrap {
		margin-bottom:20px;
	}
}