@charset "UTF-8";
/* CSS Document */

html {
	font-family: 'Noto Sans', sans-serif;
	font-size: 14px;
}
h1 {
	font-size: 36px;
	font-weight: 700;
}
h2 {
	margin-bottom: 0px;
}

.container {
	margin: 0 auto;
	text-align: center;
	width: 100%;
}

.wrapper {
	width: 60%;
	margin: 100px auto 0 auto;
	text-align: left;
}

.halb {
	width: 45%;
	float: left;
	padding-right: 5%;
	margin-bottom: 25px;
}

.logos {
	width: 100%;
	clear: both;
	padding-top: 1px;
}

.bild {
	width: 40%;
	float: left;
	border-right: 15px solid #FFF;
	padding-top: 32px;
	overflow: hidden;
}

.text {
	width: 55%;
	float: left;
	padding-top: 15px;
}

img {
	margin-right: 15px;
	margin-bottom: 10px;
}

.impressum {
	text-align: right;
}

.impressum a {
	color: #000000;
	text-decoration: none;
	padding-bottom: 50px;
}

h1, h2 {
	border-bottom: solid #CCC 1px;
}

h2 {
	padding-bottom: 4px;
}

.logos h2 {
	margin-bottom: 10px;
}

h2.top_margin {
	margin-top: 40px;
}

@media screen and (max-width:1280px)	 {
	.wrapper {
		width: 80%;
	}
}

@media screen and (max-width:1024px)	 {
	.wrapper {
		width: 90%;
	}
}

@media screen and (max-width:768px)	 {
	.halb {
		width: 100%;
	}
}

@media screen and (max-width:480px)	 {
	.wrapper {
		margin: 50px auto 0 auto;
	}
}

@media screen and (max-width:450px)	 {
	.bild,
	.text {
		width: 100%;
		border-right: none;
		clear: both;
	}
}