body {
  padding-top: 1.2rem;
}
.starter-template {
  padding: 3rem 1.5rem;
  text-align: center;
}
.h1, h1{
	font-size: 40px;
}
.h2, h2 {
	font-size: 50px;
	font-weight:200;
	color: #666;
	padding-bottom: 60px;
		padding-top: 0;
}
.h3, h3 {
		font-weight: 300;
	line-height:1.8;
}

.p, p {
	font-size: 24px;
	font-weight: 200;
	color: #666;
	font-stretch: ultra-condensed;
}
a {
	color: #9d1357;
	text-decoration: none;
}
a:hover{
	color: #6d1357;
	text-decoration: none;
}
a:active {
	color: #4d1357;
	text-decoration: none;
}
.banner {
	overflow: hidden;
	width: 100%;
}

.banner img{
	height:100% !important;
	width:100%;
	margin:0;
	padding:0;
}
.banner-text {
	position: relative;
	z-index:1000;
	bottom:40%;
	display: flex;
	justify-content: center;
	align-items: center;

}
.banner-text img{

	padding:0 30px 0 0;
		width: 50px;
	height: 80px;
}
.banner-text h1{
	color: #fff;
	font-weight: 300;
	letter-spacing: 0.1em;
	float:left;
}
.red-dot {
	width: 12px;
	height: 15px;
}
.red{
	background-color: #9d1357;
}

.logo {
	overflow: hidden;
	width:100%;
	margin:0 0 0 0;
	padding-bottom: 30px;
}
.logo img{
	top: 10;
	height:100px;
}
.tel {
	position:fixed;
	right:0px;
	top: 50%;
	background-color: #000000;
	padding: 10px;
	color: #fff;
	border-radius: 6px 0 0 6px;
	z-index:10000;
}

.block1 {

	background-image: linear-gradient(to top, #fdfdfd -5%, #ababab 120%);
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.creativ {
	margin-top: 50px;
}
.block2 {
	background-color: #F1F1F1;
	display: flex;
	justify-content: center;
	align-items: center;
}
.block3 {
	background-image: url("../images/michael-stuempges.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center;

}

.block4 {
	background-color: #F1F1F1;
	display: flex;
	justify-content: center;
	align-items: center;
}
.block6 {
	background-image: url("../images/christofsteuber.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center;

}

.block5 {
	background-color: #F1F1F1;
	display: flex;
	justify-content: center;
	align-items: center;
}
.blockinner {
	text-align: center;
	margin: 50px;
}
.blockinner p{
	margin-bottom:15px;
	margin-top:15px;
}
.blockinner h2 {
	font-size: 40px;
	margin:0;
	padding:0;
}
.maincontent {
	padding-bottom: 0;
	margin-bottom:0;
}
.kontakt {
	background-color: #666;
}
.starter-template .kontakt{
	padding: 0;
	margin:0;
}
.kontakt h2 {
	text-align: center;
	color: #fff;
	padding-top: 30px;
	padding-bottom:30px;
}
.kontakt p {
	text-align: center;
	color: #fff;
	padding-top: 30px;
	padding-bottom:30px;
}
.impressum h1{
	font-weight: 300;
	font-size: 40px;
	padding-top:50px;
}
.impressum h2{
	font-weight: 300;
		padding-top:50px;
		padding-bottom:20px;
}
.impressum h3{
	font-size: 20px;
	font-weight: 300;
}
.impressum h4{
	font-size: 16px;
	font-weight: 300;
}

.impressum p{
	font-size: 16px;
	font-weight: 100;
}
.impressum li{
	font-size: 16px;
	font-weight: 100;
		color: #666;
	font-stretch: ultra-condensed;
}
@media (max-width: 1199px) {
	.banner {
		height:500px;
		overflow:hidden
	}
	.banner img{
		height:500px;
		width:auto;
		margin-left:-60%;
	}
	.banner-text{
		bottom:60%;

	}
}
@media (max-width: 991px) {
	.block3, .block6 {
	height:400px;
	}
	.blockinner h2, .h1, h1, .h2, h2 {
	font-size: 40px;
	padding-bottom: 30px;
	}
	.banner img{
		margin-left:-70%;
	}
		.banner-text h1 {
	font-size: 36px;
	}
	.p, p {
		font-size: 24px;
	}

}
@media (max-width: 767px) {
	.block2 {
		margin-top: 0px;
	}
	.blockinner h2, .h1, h1, .h2, h2 {
	font-size: 36px;
	}
	.banner img{
		margin-left:-80%;
	}
	.banner-text h1 {
		font-size: 30px;
	}
	.p, p {
		font-size: 20px;
	}
}
@media (max-width: 575px) {
	.blockinner h2, .h1, h1, .h2, h2 {
	font-size: 30px;
	}
			.banner-text h1 {
	font-size: 30px;
	}
}